.w1600 {
  width: 16rem;
  margin: 0 auto;
  position: relative;
  /*font-size: 0;*/
  z-index: 2;
}

@media (max-width: 1620px) {
  .w1600 {
    width: 94%;
  }
}

header {
  width: 100%;
  position: fixed;
  z-index: 20;
  top: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
  transition: all ease 0.3s;
}

header .w1600 {
  display: flex;
  align-items: center;
}

header .logo {
  display: inline-block;
  vertical-align: middle;
  width: 1.4rem;
}

header .logo a, header .logo img {
  width: 100%;
  display: block;
}

header nav {
  display: inline-block;
  vertical-align: middle;
  padding: 0 0.2rem;
  text-align: right;
  flex: 1;
}

header nav .natem {
  width: auto;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin: 0 0.1rem;
  padding: 0 0.2rem;
}

header nav .natem .nas {
  width: auto;
  display: inline-block;
}

header nav .natem .nas a {
  display: inline-block;
  line-height: 3.5;
  line-height: 1rem;
  color: #fff;
  position: relative;
}

header nav .natem .navuls {
  width: 2.2rem;
  position: absolute;
  z-index: 101;
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.5);
  display: none;
}

header nav .natem .navuls ul {
  width: 100%;
}

header nav .natem .navuls ul li {
  width: 100%;
}

header nav .natem .navuls ul li .ns {
  width: 100%;
  display: block;
  line-height: 3;
  color: #fff;
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding: 0 0.2rem;
  position: relative;
  text-align: center;
}

header nav .natem .navuls ul li .ns span {
  display: inline-block;
  vertical-align: middle;
  color: #000;
  line-height: 2.2;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

header nav .natem .navuls ul li .ns b {
  display: inline-block;
  vertical-align: middle;
  width: 0.42rem;
  height: 0.42rem;
  margin-right: 0.06rem;
}

header nav .natem .navuls ul li .ns b img {
  width: 100%;
  display: block;
}

header nav .natem .navuls ul li .theul {
  position: absolute;
  left: 100.5%;
  top: 0;
  width: 100%;
  display: none;
  box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.09);
}

header nav .natem .navuls ul li .theul li {
  width: 100%;
}

header nav .natem .navuls ul li .theul li a {
  width: 100%;
  display: block;
  line-height: 3;
  color: #555;
  color: #000;
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding: 0 0.2rem;
  background: white;
}

header nav .natem .navuls ul li .theul li a:hover {
  color: #26bdce;
}

header nav .natem .navuls ul li.has-the .ns:after {
  content: ' ';
  position: absolute;
  right: 0.14rem;
  top: 50%;
  transform: translateY(-50%);
  width: 7px;
  height: 12px;
  background-image: url("../images/r.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

header nav .natem .navuls ul li:hover .ns {
  background: #26bdce;
  color: #fff;
}

header nav .natem .navuls ul li:hover .ns span {
  color: #26bdce;
}

header nav .natem .navuls ul li.has-the:hover .ns:after {
  background-image: url("../images/r2.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

header nav .natem.on .nas a {
  color: #26bdce;
  font-weight: bold;
}

header nav .natem.on .nas a:after {
  width: 100%;
  left: 0;
  right: 0;
}

header nav .natem.on .navuls {
  background: rgba(0, 0, 0, 0.4);
}

header nav .natem:hover .nas a {
  color: #26bdce;
  font-weight: bold;
}

header nav .natem:hover .nas a:after {
  width: 100%;
  left: 0;
  right: 0;
}

header .righv {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  width: auto;
  white-space: nowrap;
}

header .righv .ss {
  display: inline-block;
  vertical-align: middle;
  width: 0.24rem;
  height: 0.24rem;
  margin: 0 0.2rem;
  cursor: pointer;
}

header .righv .ss img {
  width: 100%;
  display: block;
}

header .righv .tel {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  font-size: 0;
}

header .righv .tel .tc {
  display: inline-block;
  vertical-align: middle;
  width: 0.24rem;
  height: 0.24rem;
  position: relative;
  top: -0.02rem;
}

header .righv .tel .tc img {
  width: 100%;
  display: block;
}

header .righv .tel .tm {
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
  line-height: 1.5;
  margin-left: 0.1rem;
  color: #fff;
}

header .righv .menu {
  display: inline-block;
  vertical-align: middle;
  display: none;
}

header .black {
  display: none;
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 140;
  cursor: pointer;
}

header .sear {
  width: 100%;
  font-size: 0;
  padding: 0.1rem 0.2rem;
  display: none;
  position: absolute;
  right: 0%;
  z-index: 1111;
  top: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

header .sear form {
  width: 100%;
  font-size: 0;
  margin: 0 auto;
  max-width: 10rem;
  display: block;
}

header .sear .input {
  width: calc(100% - 1rem);
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  background: #f6f6f6;
}

header .sear .input input {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  background: #fff;
  background: #f6f6f6;
  color: #666666;
  font-size: calc(12px - 0.12rem + 0.16rem);
  line-height: 2.5;
  height: 2.5em;
  padding: 0 0.2rem;
  border: none;
}

header .sear .submxt {
  width: 1rem;
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
}

header .sear .submxt input {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  background: #26bdce;
  color: #fff;
  font-size: calc(12px - 0.12rem + 0.16rem);
  line-height: 2.5;
  padding: 0 0.2rem;
  border: none;
  text-align: center;
  cursor: pointer;
}
header .txt {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 1.5;
  width: auto;
  margin-left: 0.2rem;
  margin-right: 0.2rem;
}

@media (max-width: 900px) {
  header {
    padding: 0.2rem 0;
  }
  header nav {
    width: 60%;
    width: 5rem;
    position: fixed;
    max-width: 90%;
    right: 0;
    top: 0;
    height: 100vh;
    background-color: #fff;
    margin-right: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    overflow: auto;
    z-index: 500;
    transform: translate(100%, 0);
    transition: transform .3s;
    padding-left: 0.1rem;
    padding: 0.1rem;
  }
  header nav .natem {
    width: 100%;
    position: relative;
    margin: 0;
    text-align: left;
    padding: 0 0.2rem;
  }
  header nav .natem .nas {
    width: 100%;
    display: block;
    padding-bottom: 0;
  }
  header nav .natem .nas a {
    color: #333;
    line-height: 3;
  }
  header nav .natem .nas a:after {
    left: 0;
    right: auto !important;
  }
  header nav .natem .nas .nem {
    color: #333;
  }
  header nav .natem .nas .nem .xm {
    display: none;
  }
  header nav .natem .navuls {
    width: 100%;
    padding: 0.1rem 0;
    position: relative;
    height: auto;
    text-align: left;
  }
  header nav .natem .navuls ul li .ns {
    text-align: left;
  }
  header nav .natem.on .nas .nem {
    color: #26bdce;
  }
  header nav .natem:hover .nas a {
    color: #26bdce;
    background-color: #fff;
  }
  header nav .natem.has-nav:after {
    content: "+";
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    position: absolute;
    background: none;
    right: 0;
    left: auto;
    transform: translateX(0);
    top: 0.05rem;
    font-size: 20px;
    color: #333;
    border: none;
  }
  header nav .natem.has-nav.show:after {
    content: "-";
  }
  header .righv {
    flex: 1;
    text-align: right;
  }
  header .righv .menu {
    display: inline-block;
    vertical-align: middle;
    width: 0.5rem;
    height: 0.5rem;
    margin: 0 0.2rem;
  }
  header .righv .menu img {
    width: 100%;
    display: block;
  }
  header.menu-state .w1600 {
    z-index: 200;
  }
  header.menu-state nav {
    transform: translate(0, 0);
  }
  header.menu-state .black {
    display: block;
  }
}

.nanber {
  width: 100%;
}

.nanber .img {
  width: 100%;
  position: relative;
  padding-top: 31.25%;
  overflow: hidden;
}

.nanber .img .nox {
  position: absolute;
  top: 55%;
  transform: translateY(-50%);
  left: calc((160 / 1920) * 100%);
  max-width: 7.2rem;
}

.nanber .img .nox .cn {
  width: 100%;
  color: #fff;
  line-height: 1.5;
}

.nanber .img .nox .xt {
  width: 100%;
  color: #fff;
  font-weight: bold;
  line-height: 1.5;
  margin: 0.15rem 0 0.1rem;
}

.nanber .img .nox .lab {
  width: 100%;
  font-size: 0;
}

.nanber .img .nox .lab .tim {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  color: #fff;
  line-height: 2;
  border-top: solid 1px #fff;
  padding: 0.15rem 0;
  border-bottom: solid 1px #fff;
}

.nanber .img .nox .call {
  width: 100%;
  font-size: 0;
  margin-top: 0.25rem;
}

.nanber .img .nox .call .ck {
  display: inline-block;
  vertical-align: middle;
  background-color: #26bdce;
  font-size: 0;
  width: auto;
  padding: 0.1rem 0.2rem;
}

.nanber .img .nox .call .ck span {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 1.5;
}

.nanber .img .nox .call .ck b {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 1.5;
}

.nanber .img .nox .xd {
  width: 100%;
  color: #fff;
  font-weight: bold;
  line-height: 1.5;
}

.nanber .img .nox .xp {
  width: 100%;
  font-style: italic;
  color: #fff;
  line-height: 1.8;
}

.nanber .img .nox.lefc {
  left: 0.75rem;
}

.nanber .img .narbar {
  width: 100%;
  padding: 0.2rem 0.5rem;
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 0;
  opacity: 0.5;
}

.nanber .img .narbar .home {
  display: inline-block;
  vertical-align: middle;
  width: 0.2rem;
  height: 0.2rem;
  margin-right: 0.12rem;
}

.nanber .img .narbar .home img {
  width: 100%;
  display: block;
}

.nanber .img .narbar a {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 1.5;
}

.nanber .img .narbar a span {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 1.5;
  position: relative;
  top: -0.02rem;
  margin: 0 0.1rem;
}

.nanber .img .narbar a:last-child span {
  display: none;
}

.nanber .img .nox.mid {
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  text-align: center;
}

.nanber.hei .img {
  padding-top: 48.95%;
}

@media (max-width: 900px) {
  .nanber .img {
    padding-top: 0%;
  }
  .nanber .img .nox {
    position: relative;
    top: 0;
    padding: 2.5rem 0 2rem;
    left: 5%;
    width: 90%;
    transform: translate(0, 0);
  }
  .nanber .img .nox.mid {
    top: 0;
    padding: 2rem 0 2rem;
    left: 5%;
    width: 90%;
    transform: translate(0, 0);
  }
  .nanber.hei .img {
    padding-top: 0;
  }
}

footer {
  width: 100%;
}

footer .ftop {
  width: 100%;
  background-color: #222;
}

footer .ftop .fop {
  width: 100%;
  font-size: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0.4rem 0;
}

footer .ftop .fop .fpl {
  display: inline-block;
  vertical-align: middle;
}

footer .ftop .fop .fpl .fp {
  width: 100%;
  color: rgba(255, 255, 255, 0.5);
  line-height: 1.5;
}

footer .ftop .fop .fpl .ft {
  width: 100%;
  color: #fff;
  line-height: 1.5;
}

footer .ftop .fop .fpr {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  font-size: 0;
}

footer .ftop .fop .fpr form {
  width: 100%;
  display: block;
  font-size: 0;
  border-radius: 6px;
  overflow: hidden;
}

footer .ftop .fop .fpr .select {
  width: 3rem;
  font-size: 0;
  display: inline-block;
  vertical-align: middle;
  border: none;
}

footer .ftop .fop .fpr .select .select-con {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  font-size: 0;
}

footer .ftop .fop .fpr .select .select-con .select-value {
  display: block;
  width: 100%;
  background-color: #fff;
  line-height: 3.2;
  height: 3.2em;
  color: #666;
  padding: 0 0.2rem;
}

footer .ftop .fop .fpr .select .select-con select {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
  opacity: 0;
}

footer .ftop .fop .fpr .select .select-con select option {
  color: #666;
  font-size: calc(12px - 0.12rem + 0.14rem);
  line-height: 2.8;
  background: #fff;
}

footer .ftop .fop .fpr .select .select-con:after {
  display: inline-block;
  content: "";
  position: absolute;
  right: 0.2rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  width: 11px;
  height: 6px;
  background-image: url("../images/x.png");
  background-size: 100%;
}

footer .ftop .fop .fpr .btn {
  display: inline-block;
  vertical-align: middle;
  background-color: #26bdce;
  color: #fff;
  padding: 0 0.3rem;
  line-height: 3.2;
  cursor: pointer;
}

footer .ftop .fom {
  width: 100%;
  font-size: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0.6rem 0;
  border-top: solid 1px rgba(255, 255, 255, 0.1);
}

footer .ftop .fom .fml {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  width: calc((848 / 1600) * 100%);
}

footer .ftop .fom .fml .flist {
  display: inline-block;
  vertical-align: top;
  width: calc((212 / 848) * 100%);
}

footer .ftop .fom .fml .flist .fit {
  width: 100%;
  color: #fff;
  line-height: 1.8;
  margin-bottom: 0.4rem;
}

footer .ftop .fom .fml .flist .ful {
  width: 100%;
}

footer .ftop .fom .fml .flist .ful a {
  width: 100%;
  display: block;
  color: rgba(255, 255, 255, 0.5);
  line-height: 1.5;
  padding: 0.05rem 0;
}

footer .ftop .fom .fml .flist .ful a:hover {
  color: #fff;
}

footer .ftop .fom .fmr {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  width: auto;
}

footer .ftop .fom .fmr .codm {
  display: inline-block;
  vertical-align: middle;
  width: 1.5rem;
  margin: 0 0.2rem;
}

footer .ftop .fom .fmr .codm .mg {
  width: 100%;
  display: block;
}

footer .ftop .fom .fmr .codm .mg img {
  width: 100%;
  display: block;
}

footer .ftop .fom .fmr .codm .mx {
  width: 100%;
  text-align: center;
  color: rgba(255, 255, 255, 0.5);
  line-height: 1.5;
  margin-top: 0.1rem;
}

footer .ftop .fot {
  width: 100%;
  font-size: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  border-top: solid 1px rgba(255, 255, 255, 0.1);
  padding: 0.35rem 0;
}

footer .ftop .fot .fims {
  display: inline-block;
  vertical-align: top;
  width: 25%;
  padding-right: 0.25rem;
}

footer .ftop .fot .fims .fs {
  width: 100%;
  color: rgba(255, 255, 255, 0.5);
  line-height: 1.6;
  margin-bottom: 0.05rem;
}

footer .ftop .fot .fims .fk {
  width: 100%;
  color: rgba(255, 255, 255, 0.5);
  line-height: 1.6;
}

footer .fbot {
  width: 100%;
  background-color: #111;
}

footer .fbot .fob {
  width: 100%;
  padding: 0.25rem 0;
  text-align: center;
  font-size: 0;
}

footer .fbot .fob span {
  display: inline-block;
  vertical-align: middle;
  color: rgba(255, 255, 255, 0.5);
  line-height: 1.8;
}

@media (max-width: 900px) {
  footer .ftop .fop .fpr {
    width: 100%;
  }
  footer .ftop .fop .fpr form {
    width: 100%;
  }
  footer .ftop .fop .fpr form .select {
    width: calc(100% - 1.5rem);
  }
  footer .ftop .fop .fpr form .btn {
    width: 1.5rem;
    text-align: center;
  }
  footer .ftop .fom .fml .flist {
    margin-bottom: 0.2rem;
  }
  footer .ftop .fom .fml .flist .fit {
    margin-bottom: 0.1rem;
  }
  footer .ftop .fom .fml .flist .ful {
    font-size: 0;
  }
  footer .ftop .fom .fml .flist .ful a {
    display: inline-block;
    vertical-align: top;
    width: auto;
    margin-right: 0.15rem;
    margin-bottom: 0.1rem;
  }
  footer .ftop .fom .fmr {
    text-align: center;
  }
  footer .ftop .fot .fims {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin-bottom: 0.25rem;
    padding-right: 0.1rem;
  }
}

.modular {
  width: 100%;
  padding: 0.9rem 0 0.9rem;
  overflow: hidden;
}

.modular .mitop {
  width: 100%;
  text-align: center;
  position: relative;
  margin-bottom: 0.7rem;
}

.modular .mitop .mit {
  width: 100%;
  text-align: center;
  font-weight: bold;
  color: #333;
  line-height: 1.5;
  position: relative;
  z-index: 2;
}

.modular .mitop .mix {
  width: 100%;
  text-align: center;
  line-height: 1.5;
  font-style: italic;
  color: #999;
  line-height: 1.5;
  position: relative;
  z-index: 2;
}

.modular .mitop .mix span {
  color: #26bdce;
  font-weight: bold;
}

.modular .mitop .em {
  position: absolute;
  z-index: 1;
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: bold;
  font-style: italic;
  white-space: nowrap;
  -webkit-text-stroke: 1px rgba(34, 34, 34, 0.15);
  -webkit-text-fill-color: transparent;
  font-style: italic;
  font-weight: 550;
  word-break: break-all;
}

.modular.white .mitop .mit {
  color: #fff;
}

.modular.white .mitop .mix {
  color: #fff;
}

.modular.white .mitop .mix span {
  color: #fff;
}

.modular.white .mitop .em {
  -webkit-text-stroke: 1px rgba(255, 255, 255, 0.15);
  -webkit-text-fill-color: transparent;
  font-style: italic;
  font-weight: 550;
  word-break: break-all;
}

.markets {
  width: 100%;
}

.markets .market {
  width: 100%;
  font-size: 0;
}

.markets .market .mal {
  display: inline-block;
  vertical-align: middle;
  width: calc((1060 / 1600) * 100%);
}

.markets .market .mal .malem {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background-color: #f7fafc;
}

.markets .market .mal .malem a {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.markets .market .mal .malem .imgs {
  display: inline-block;
  vertical-align: middle;
  width: calc((530 / 1060) * 100%);
  overflow: hidden;
}

.markets .market .mal .malem .imgs .img {
  width: 100%;
  padding-top: 56.60%;
  transition: all ease 0.3s;
}

.markets .market .mal .malem .rom {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  width: calc((530 / 1060) * 100%);
  padding: 0.3rem 0.5rem;
}

.markets .market .mal .malem .rom .rit {
  width: 100%;
  color: #333;
  line-height: 1.6;
}

.markets .market .mal .malem .rom .rix {
  width: 100%;
  color: #666;
  line-height: 1.8;
  max-height: 5.4em;
}

.markets .market .mal .malem .rom .rix p {
  color: #666;
  line-height: 1.8;
}

.markets .market .mal .malem + .malem {
  margin-top: 0.2rem;
}

.markets .market .mal .malem:nth-child(2n) {
  flex-direction: row-reverse;
}

.markets .market .mal .malem:nth-child(2n) a {
  flex-direction: row-reverse;
}

.markets .market .mal .malem:hover {
  background-color: #26bdce;
}

.markets .market .mal .malem:hover .imgs .img {
  transform: scale(1.1);
}

.markets .market .mal .malem:hover .rom .rit {
  color: #fff;
}

.markets .market .mal .malem:hover .rom .rix {
  color: #fff;
}

.markets .market .mal .malem:hover .rom .rix p {
  color: #fff;
}

.markets .market .mar {
  display: inline-block;
  vertical-align: middle;
  width: calc((520 / 1600) * 100%);
  margin-left: calc((19 / 1600) * 100%);
  background-color: #f7fafc;
}

.markets .market .mar a {
  width: 100%;
  display: block;
}

.markets .market .mar .imgs {
  display: block;
  width: 100%;
  overflow: hidden;
}

.markets .market .mar .imgs .img {
  width: 100%;
  padding-top: 61.53%;
  transition: all ease 0.3s;
}

.markets .market .mar .rom {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-top: 57.69%;
}

.markets .market .mar .rom .vim {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  padding: 0.3rem 0.5rem;
}

.markets .market .mar .rom .rit {
  width: 100%;
  color: #333;
  line-height: 1.6;
}

.markets .market .mar .rom .rix {
  width: 100%;
  color: #666;
  line-height: 1.8;
  max-height: 5.4em;
}

.markets .market .mar .rom .rix p {
  color: #666;
  line-height: 1.8;
}

.markets .market .mar:hover {
  background-color: #26bdce;
}

.markets .market .mar:hover .imgs .img {
  transform: scale(1.1);
}

.markets .market .mar:hover .rom .rit {
  color: #fff;
}

.markets .market .mar:hover .rom .rix {
  color: #fff;
}

.markets .market .mar:hover .rom .rix p {
  color: #fff;
}

@media (max-width: 900px) {
  .markets .market .mar .rom {
    width: 100%;
    padding-top: 0;
  }
  .markets .market .mar .rom .vim {
    position: relative;
    padding: 20px;
  }
}

.combination {
  width: 100%;
}

.combination .Worryfree {
  width: 100%;
  padding-bottom: 2.3rem;
}

.combination .Worryfree .worrylis {
  width: 100%;
  font-size: 0;
}

.combination .Worryfree .worrylis .worrm {
  display: inline-block;
  vertical-align: top;
  width: calc((500 / 1600) * 100%);
  margin-right: calc((49 / 1600) * 100%);
  margin-bottom: 0.4rem;
  position: relative;
  overflow: hidden;
}

.combination .Worryfree .worrylis .worrm .img {
  width: 100%;
  padding-top: 60%;
  transition: all ease 0.3s;
  opacity: 0;
  position: relative;
}
@media (max-width: 900px) {
  .combination .Worryfree .worrylis .worrm .img {
    padding-top: 80%;
  }
}

.combination .Worryfree .worrylis .worrm .img:after{
  content: ' ';
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(38, 189, 206, 0.6);
}

.combination .Worryfree .worrylis .worrm .wom {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 4;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  text-align: center;
  padding: 0.2rem;
}

.combination .Worryfree .worrylis .worrm .wom .num {
  width: 100%;
  text-align: center;
  font-size: 0;
  margin-bottom: 0.15rem;
}

.combination .Worryfree .worrylis .worrm .wom .num span {
  display: inline-block;
  vertical-align: middle;
  color: #26bdce;
  font-weight: bold;
}

.combination .Worryfree .worrylis .worrm .wom .icon {
  display: block;
  width: 0.75rem;
  height: 0.75rem;
  margin: 0 auto 0.15rem;
}

.combination .Worryfree .worrylis .worrm .wom .icon img {
  width: 100%;
  display: block;
}

.combination .Worryfree .worrylis .worrm .wom .icon img:first-child {
  display: block;
}

.combination .Worryfree .worrylis .worrm .wom .icon img:last-child {
  display: none;
}

.combination .Worryfree .worrylis .worrm .wom .wim {
  width: 100%;
  text-align: center;
  line-height: 1.5;
  color: #222;
  height: 3em;
}

.combination .Worryfree .worrylis .worrm:hover .img {
  opacity: 1;
}

.combination .Worryfree .worrylis .worrm:hover .wom .num span {
  color: #fff;
}

.combination .Worryfree .worrylis .worrm:hover .wom .wim {
  color: #fff;
}

.combination .Worryfree .worrylis .worrm:hover .icon img:first-child {
  display: none;
}

.combination .Worryfree .worrylis .worrm:hover .icon img:last-child {
  display: block;
}

.combination .Worryfree .worrylis .worrm:nth-child(3n) {
  margin-right: 0;
}

.combination .Worryfree .worrylis .worrm:nth-child(3n+1) {
  transition-delay: 0.2s;
}

.combination .Worryfree .worrylis .worrm:nth-child(3n+2) {
  transition-delay: 0.3s;
}

.combination .Worryfree .worrylis .worrm:nth-child(3n+3) {
  transition-delay: 0.4s;
}

.combination .analyses {
  width: 100%;
  background-color: #26bdce;
  border-top-left-radius: 2rem;
  border-bottom-right-radius: 2rem;
  margin-top: -1.7rem;
  position: relative;
  z-index: 4;
}

.combination .analyses .analyse {
  width: 100%;
  background-color: #fff;
  padding: 0.5rem;
  box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05), inset 0px 200px 250px 0px rgba(20, 20, 20, 0.05);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.combination .analyses .analyse .anl {
  display: inline-block;
  vertical-align: middle;
  width: calc((880 / 1500) * 100%);
}

.combination .analyses .analyse .anl .img {
  width: 100%;
  padding-top: 58.63%;
  position: relative;
}

.combination .analyses .analyse .anl .omx {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 0.2rem;
  background-color: rgba(38, 189, 206, 0.9);
  z-index: 3;
}

.combination .analyses .analyse .anl .omx .mt {
  width: 100%;
  color: #fff;
  line-height: 1.5;
  font-weight: bold;
}

.combination .analyses .analyse .anl .omx .min {
  width: 100%;
  font-size: 0;
}

.combination .analyses .analyse .anl .omx .min .mn {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 1.6;
  margin-right: 0.15rem;
}

.combination .analyses .analyse .anr {
  display: flex;
  flex-wrap: wrap;
  align-content: space-around;
  width: calc((590 / 1500) * 100%);
  background-color: #5f5f5f;
}

.combination .analyses .analyse .anr .aow {
  width: 100%;
  display: flex;
}

.combination .analyses .analyse .anr .aow .td {
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  color: #fff;
  line-height: 2.6;
}

.combination .analyses .analyse .anr .aow .tl {
  width: 30%;
}

.combination .analyses .analyse .anr .aow .tr {
  width: 70%;
  align-items: center;
  border-left: solid 1px #fff;
}

.combination .analyses .analyse .anr .aow + .aow {
  border-top: solid 1px #fff;
}

.combination .whythats {
  width: 100%;
  padding-top: 3rem;
  margin-top: -1.7rem;
  position: relative;
  z-index: 2;
  padding-bottom: 1rem;
}

.combination .whythats .mitop {
  margin-bottom: 0.9rem;
}

.combination .whythats .whythat {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.combination .whythats .whm {
  display: inline-block;
  vertical-align: middle;
  width: calc((800 / 1600) * 100%);
  background-color: #fff;
}

.combination .whythats .whm .wiot {
  width: 100%;
  text-align: center;
  font-size: 0;
}

.combination .whythats .whm .wiot .wt {
  display: inline-block;
  vertical-align: middle;
  background-image: linear-gradient(0deg, rgba(3, 0, 0, 0.05) 0%, #ffffff 100%), linear-gradient(#ffffff, #ffffff);
  background-blend-mode: normal, 
 normal;
  box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.1);
  border-radius: 0px 0px 40px 40px;
  line-height: 2.8;
  color: #26bdce;
  font-weight: bold;
  padding: 0 0.5rem;
}

.combination .whythats .whm .whylis {
  width: 100%;
  font-size: 0;
  padding: 0.5rem 0.2rem;
}

.combination .whythats .whm .whylis .whyem {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  padding: 0.3rem;
}

.combination .whythats .whm .whylis .whyem .icon {
  display: block;
  margin: 0 auto 0.1rem;
  width: 0.8rem;
  height: 0.8rem;
}

.combination .whythats .whm .whylis .whyem .icon img {
  width: 100%;
  display: block;
}

.combination .whythats .whm .whylis .whyem .ym {
  width: 100%;
  text-align: center;
  color: #333;
  line-height: 1.5;
  margin: 0.1rem 0;
}

.combination .whythats .whm .whylis .whyem .him {
  width: 100%;
  text-align: center;
  color: #666;
  line-height: 1.8;
  height: 3.6em;
}

.combination .whythats .whm.green {
  background-color: #26bdce;
}

.combination .whythats .whm.green .wiot .wt {
  background-image: linear-gradient(0deg, rgba(3, 0, 0, 0.05) 0%, #26bdce 100%), linear-gradient(#26bdce, #26bdce);
  background-blend-mode: normal, 
 normal;
  box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.1);
  border-radius: 0px 0px 40px 40px;
  color: #fff;
}

.combination .whythats .whm.green .whylis .whyem .ym, .combination .whythats .whm.green .whylis .whyem .him {
  color: #fff;
}

.combination .cases {
  width: 100%;
  background-color: #26bdce;
  border-top-left-radius: 2rem;
  border-bottom-right-radius: 2rem;
  padding-bottom: 1rem;
  margin-top: -1.7rem;
  position: relative;
  z-index: 4;
}

.combination .cases .casem {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.combination .cases .casem .cal {
  display: inline-block;
  vertical-align: middle;
  width: calc((1260 / 1600) * 100%);
  margin-right: calc((19 / 1600) * 100%);
  font-size: 0;
  background-color: #fff;
}

.combination .cases .casem .cal .imgs {
  display: inline-block;
  vertical-align: middle;
  width: calc((800 / 1260) * 100%);
  overflow: hidden;
}

.combination .cases .casem .cal .imgs a {
  width: 100%;
  display: block;
  overflow: hidden;
}

.combination .cases .casem .cal .imgs .img {
  width: 100%;
  padding-top: 75%;
  transition: all ease 0.3s;
}

.combination .cases .casem .cal .imgs a:hover .img {
  transform: scale(1.1);
}

.combination .cases .casem .cal .com {
  display: inline-block;
  vertical-align: middle;
  width: calc((459 / 1260) * 100%);
  padding: 0.3rem 0.4rem;
}

.combination .cases .casem .cal .com .cit {
  width: 100%;
  color: #333;
  line-height: 1.5;
  margin-bottom: 0.15rem;
}

.combination .cases .casem .cal .com .cinp {
  width: 100%;
  color: #999;
  line-height: 2;
  margin: 0.15rem 0 0.5rem;
}

.combination .cases .casem .cal .com .cinp p {
  color: #999;
  line-height: 2;
}

.combination .cases .casem .cal .com .more {
  width: 100%;
  font-size: 0;
  margin-top: 0.6rem;
}

.combination .cases .casem .cal .com .more a {
  display: inline-block;
  vertical-align: middle;
  border: solid 1px #26bdce;
  line-height: 3;
  border-radius: 1.5em;
  color: #26bdce;
  padding: 0 0.4rem;
}

.combination .cases .casem .cal .com .more a span {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 0.24rem;
  height: 0.24rem;
  margin-left: 0.1rem;
}

.combination .cases .casem .cal .com .more a span img {
  width: 100%;
  display: block;
}

.combination .cases .casem .cal .com .more a span img:first-child {
  display: block;
}

.combination .cases .casem .cal .com .more a span img:last-child {
  display: none;
}

.combination .cases .casem .cal .com .more a:hover {
  background-color: #26bdce;
  color: #fff;
}

.combination .cases .casem .cal .com .more a:hover span img:first-child {
  display: none;
}

.combination .cases .casem .cal .com .more a:hover span img:last-child {
  display: block;
}

.combination .cases .casem .car {
  display: inline-block;
  vertical-align: middle;
  width: calc((320 / 1600) * 100%);
}

.combination .cases .casem .car .carm {
  width: 100%;
  display: block;
  margin-bottom: 0.2rem;
}

.combination .cases .casem .car .carm a {
  width: 100%;
  display: block;
}

.combination .cases .casem .car .carm .imgs {
  display: block;
  width: 100%;
  overflow: hidden;
}

.combination .cases .casem .car .carm .imgs a {
  width: 100%;
  display: block;
  overflow: hidden;
}

.combination .cases .casem .car .carm .imgs .img {
  width: 100%;
  padding-top: 75%;
  transition: all ease 0.3s;
}

.combination .cases .casem .car .carm:hover .imgs .img {
  transform: scale(1.1);
}

.combination .cases .casem .car .morev {
  width: 100%;
  font-size: 0;
}

.combination .cases .casem .car .morev a {
  width: 100%;
  display: block;
  background-color: #fff;
  text-align: center;
  font-size: 0;
}

.combination .cases .casem .car .morev a span {
  display: inline-block;
  vertical-align: middle;
  color: #26bdce;
  line-height: 5;
}

.combination .cases .casem .car .morev a i {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 0.24rem;
  height: 0.24rem;
  margin-left: 0.1rem;
}

.combination .cases .casem .car .morev a i img {
  width: 100%;
  display: block;
}

.combination .cases .casem .car .morev a i img:first-child {
  display: block;
}

.combination .cases .casem .car .morev a i img:last-child {
  display: none;
}

.combination .cases .casem .car .morev a:hover {
  background-color: #26bdce;
  box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.1);
}

.combination .cases .casem .car .morev a:hover span {
  color: #fff;
}

.combination .cases .casem .car .morev a:hover i img:first-child {
  display: none;
}

.combination .cases .casem .car .morev a:hover i img:last-child {
  display: block;
}

.combination .process {
  width: 100%;
}

.combination .process .proces {
  width: 100%;
  font-size: 0;
}

.combination .process .proces .procm {
  display: inline-block;
  vertical-align: middle;
  width: calc((265 / 1600) * 100%);
  margin-right: calc((1 / 1600) * 100%);
  margin-bottom: 0.5rem;
  padding: 0.2rem 0;
  position: relative;
}

.combination .process .proces .procm .icon {
  width: 1.4rem;
  height: 1.4rem;
  display: block;
  margin: 0 auto 0.2rem;
  border-radius: 50%;
}

.combination .process .proces .procm .icon img {
  width: 100%;
  display: block;
}

.combination .process .proces .procm .icon img:first-child {
  display: block;
}

.combination .process .proces .procm .icon img:last-child {
  display: none;
}

.combination .process .proces .procm .pix {
  width: 100%;
  text-align: center;
  color: #222;
  line-height: 1.5;
}

.combination .process .proces .procm .rm {
  position: absolute;
  top: calc(0.9rem - 0.055rem);
  left: 100%;
  width: 0.06rem;
  height: 0.11rem;
}

.combination .process .proces .procm .rm img {
  width: 100%;
  display: block;
}

.combination .process .proces .procm:hover .icon {
  background-color: #26bdce;
}

.combination .process .proces .procm:hover .icon img:first-child {
  display: none;
}

.combination .process .proces .procm:hover .icon img:last-child {
  display: block;
}

.combination .process .proces .procm:nth-child(6n) .rm {
  display: none;
}

.combination .process .proces .procm:nth-child(6n+1) {
  transition-delay: 0.2s;
}

.combination .process .proces .procm:nth-child(6n+2) {
  transition-delay: 0.3s;
}

.combination .process .proces .procm:nth-child(6n+3) {
  transition-delay: 0.4s;
}

.combination .process .proces .procm:nth-child(6n+4) {
  transition-delay: 0.5s;
}

.combination .process .proces .procm:nth-child(6n+5) {
  transition-delay: 0.6s;
}

.combination .process .proces .procm:nth-child(6n+6) {
  transition-delay: 0.7s;
}

.combination .process .procper {
  width: 100%;
  display: none;
}

.combination .process .procper .swiper-slide {
  width: 100%;
  padding: 0.2rem 0;
  position: relative;
}

.combination .process .procper .swiper-slide .icon {
  width: 1.4rem;
  height: 1.4rem;
  display: block;
  margin: 0 auto 0.2rem;
  border-radius: 50%;
}

.combination .process .procper .swiper-slide .icon img {
  width: 100%;
  display: block;
}

.combination .process .procper .swiper-slide .icon img:first-child {
  display: block;
}

.combination .process .procper .swiper-slide .icon img:last-child {
  display: none;
}

.combination .process .procper .swiper-slide .pix {
  width: 100%;
  text-align: center;
  color: #222;
  line-height: 1.5;
}

.combination .process .procper .swiper-slide .rm {
  position: absolute;
  top: calc(0.9rem - 0.055rem);
  left: 100%;
  width: 0.06rem;
  height: 0.11rem;
}

.combination .process .procper .swiper-slide .rm img {
  width: 100%;
  display: block;
}

.combination .process .procper .swiper-slide:hover .icon {
  background-color: #26bdce;
}

.combination .process .procper .swiper-slide:hover .icon img:first-child {
  display: none;
}

.combination .process .procper .swiper-slide:hover .icon img:last-child {
  display: block;
}

.combination .process .procper .swiper-slide:nth-child(3n+1) {
  transition-delay: 0.2s;
}

.combination .process .procper .swiper-slide:nth-child(3n+2) {
  transition-delay: 0.3s;
}

.combination .process .procper .swiper-slide:nth-child(3n+3) {
  transition-delay: 0.4s;
}

.combination .authentication {
  width: 100%;
  padding-top: 3rem;
  margin-top: -1.7rem;
  position: relative;
  z-index: 2;
}

.combination .authentication .authlis {
  width: 100%;
  font-size: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.combination .authentication .authlis .autem {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 0.6rem;
}

.combination .authentication .authlis .autem .imgs {
  width: 100%;
  overflow: hidden;
}

.combination .authentication .authlis .autem .imgs .img {
  width: 100%;
  transition: all ease 0.3s;
}

.combination .authentication .authlis .autem .pimt {
  width: 100%;
  text-align: center;
  color: #26bdce;
  line-height: 1.6;
  margin-top: 0.1rem;
}

.combination .authentication .authlis .autem:nth-child(1) {
  width: calc((500 / 1600) * 100%);
}

.combination .authentication .authlis .autem:nth-child(1) .imgs .img {
  padding-top: 48%;
}

.combination .authentication .authlis .autem:nth-child(2) {
  width: calc((420 / 1600) * 100%);
}

.combination .authentication .authlis .autem:nth-child(2) .imgs .img {
  padding-top: 57.14%;
}

.combination .authentication .authlis .autem:nth-child(3) {
  width: calc((502 / 1600) * 100%);
}

.combination .authentication .authlis .autem:nth-child(3) .imgs .img {
  padding-top: 47.80%;
}

.combination .authentication .authlis .autem:nth-child(4) {
  width: calc((895 / 1600) * 100%);
}

.combination .authentication .authlis .autem:nth-child(4) .imgs .img {
  padding-top: 26.81%;
}

.combination .authentication .authlis .autem:nth-child(5) {
  width: calc((230 / 1600) * 100%);
}

.combination .authentication .authlis .autem:nth-child(5) .imgs .img {
  padding-top: 104.34%;
}

.combination .authentication .authlis .autem:nth-child(6) {
  width: calc((340 / 1600) * 100%);
}

.combination .authentication .authlis .autem:nth-child(6) .imgs .img {
  padding-top: 70.58%;
}

@media (max-width: 900px) {
  .combination .authentication .authlis .autem .pimt {
    font-size: 12px;
  }
  .combination .process .procper {
    display: block;
  }
  .combination .process .proces {
    display: none;
  }
}

.trends {
  width: 100%;
}

.trends .trend {
  width: 100%;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
}

.trends .trend .trems {
  display: flex;
  flex-wrap: wrap;
  width: calc((533 / 1600) * 100%);
  background-color: #f4fcfd;
}

.trends .trend .trems .imgs {
  width: 100%;
  overflow: hidden;
}

.trends .trend .trems .imgs .img {
  width: 100%;
  padding-top: 63.78%;
  transition: all ease 0.3s;
}

.trends .trend .trems .tom {
  width: 100%;
  position: relative;
}

.trends .trend .trems .tom:after {
  content: ' ';
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 2px;
  background-color: #26bdce;
  opacity: 0;
}

.trends .trend .trems .tom .img {
  width: 100%;
  padding-top: 63.78%;
}

.trends .trend .trems .tom .pmx {
  position: absolute;
  padding: 0.2rem;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  justify-content: center;
  align-content: center;
}

.trends .trend .trems .tom .pmx .num {
  width: 100%;
  text-align: center;
  color: #999;
  font-weight: bold;
  line-height: 1.5;
}

.trends .trend .trems .tom .pmx .tim {
  width: 100%;
  color: #222;
  line-height: 1.5;
  margin: 0.1rem 0;
}

.trends .trend .trems .tom .pmx .pinps {
  width: 100%;
  color: #999;
  font-style: italic;
  line-height: 1.6;
}

.trends .trend .trems:nth-child(2n) {
  flex-direction: column-reverse;
}

.trends .trend .trems:hover .imgs .img {
  transform: scale(1.1);
}

.trends .trend .trems:hover .tom:after {
  opacity: 1;
}

.trends .trend .trems:nth-child(3n+1) {
  transition-delay: 0.2s;
}

.trends .trend .trems:nth-child(3n+2) {
  transition-delay: 0.3s;
}

.trends .trend .trems:nth-child(3n+3) {
  transition-delay: 0.4s;
}

@media (max-width: 900px) {
  .trends .trend .trems .tom .img {
    padding-top: 0;
  }
  .trends .trend .trems .tom .pmx {
    transform: translate(0, 0);
    position: relative;
    padding: 0.4rem 0.2rem;
    display: block;
  }
}

.tourisms {
  width: 100%;
}

.tourisms .culturals {
  width: 100%;
}

.tourisms .culturals .tourm {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.tourisms .culturals .tourm .tol {
  display: inline-block;
  vertical-align: middle;
  width: calc((460 / 1600) * 100%);
}
.tourisms .culturals .tourm .tol .swiper-container{
  height: 100%;
}

.tourisms .culturals .tourm .tor {
  display: inline-block;
  vertical-align: middle;
  width: calc((1139 / 1600) * 100%);
}

.tourisms .culturals .tourm .tor .torem {
  width: 100%;
  position: relative;
  display: none;
}

.tourisms .culturals .tourm .tor .torem .img {
  width: 100%;
  padding-top: 56.76%;
}

.tourisms .culturals .tourm .tor .torem .tom {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 0.15rem 0.6rem;
}

.tourisms .culturals .tourm .tor .torem .tom .tt {
  width: 100%;
  color: #fff;
  line-height: 1.8;
}

.tourisms .culturals .tourm .tor .torem .tom .tiy {
  width: 100%;
  line-height: 1.8;
  color: #fff;
}

.tourisms .culturals .tourm .tor .torem.on {
  display: block;
}

.tourisms .culturals .tourm .tolem {
  width: 100%;
  font-size: 0;
  padding: 0.2rem 0.6rem;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.tourisms .culturals .tourm .tolem .ic {
  display: inline-block;
  vertical-align: middle;
  width: 0.6rem;
  height: 0.6rem;
  margin-right: 0.2rem;
}

.tourisms .culturals .tourm .tolem .ic img {
  width: 100%;
  display: block;
}

.tourisms .culturals .tourm .tolem .ic img:first-child {
  display: block;
}

.tourisms .culturals .tourm .tolem .ic img:last-child {
  display: none;
}

.tourisms .culturals .tourm .tolem .cm {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 0.8rem);
  color: #333;
  line-height: 1.5;
  width: auto;
}

.tourisms .culturals .tourm .tolem.on {
  background-color: #26bdce;
}

.tourisms .culturals .tourm .tolem.on .ic img:first-child {
  display: none;
}

.tourisms .culturals .tourm .tolem.on .ic img:last-child {
  display: block;
}

.tourisms .culturals .tourm .tolem.on .cm {
  color: #fff;
}

.tourisms .culturals .tourm .tolem:hover {
  background-color: #26bdce;
}

.tourisms .culturals .tourm .tolem:hover .ic img:first-child {
  display: none;
}

.tourisms .culturals .tourm .tolem:hover .ic img:last-child {
  display: block;
}

.tourisms .culturals .tourm .tolem:hover .cm {
  color: #fff;
}

.tourisms .culturals .tourm .tolem + .tolem {
  border-top: solid 1px #eee;
}

.tourisms .elements {
  width: 100%;
  background-color: #26bdce;
  border-radius: 2rem 0px 2rem 0px;
}

.tourisms .elements .elemt {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.tourisms .elements .elemt .eml {
  display: inline-block;
  vertical-align: middle;
  width: calc((960 / 1600) * 100%);
  background-color: #fff;
  padding: 0.5rem;
}

.tourisms .elements .elemt .eml .etitle {
  width: 100%;
  text-align: center;
  color: #222;
  line-height: 1.6;
}

.tourisms .elements .elemt .eml .eix {
  width: 100%;
  color: #666;
  line-height: 1.6;
  margin: 0.05rem 0 0.15rem;
  text-align: center;
}

.tourisms .elements .elemt .eml .partper {
  width: 100%;
  font-size: 0;
  position: relative;
}

.tourisms .elements .elemt .eml .partper .parm {
  display: inline-block;
  vertical-align: top;
  width: calc((270 / 860) * 100%);
  overflow: hidden;
  margin-right: calc((24 / 860) * 100%);
  margin-bottom: 0.3rem;
}

.tourisms .elements .elemt .eml .partper .parm .img {
  width: 100%;
  padding-top: 59.25%;
}

.tourisms .elements .elemt .eml .partper .parm:nth-child(3n) {
  margin-right: 0;
}

.tourisms .elements .elemt .eml .partper .btn {
  position: absolute;
  top: 37.5%;
  transform: translateY(-50%);
  width: 0.3rem;
  height: 0.3rem;
  cursor: pointer;
}

.tourisms .elements .elemt .eml .partper .btn img {
  width: 100%;
  display: block;
}

.tourisms .elements .elemt .eml .partper .btn img:first-child {
  display: block;
}

.tourisms .elements .elemt .eml .partper .btn img:last-child {
  display: none;
}

.tourisms .elements .elemt .eml .partper .btn:hover img:first-child {
  display: none;
}

.tourisms .elements .elemt .eml .partper .btn:hover img:last-child {
  display: block;
}

.tourisms .elements .elemt .eml .partper .bl {
  left: -0.3rem;
}

.tourisms .elements .elemt .eml .partper .br {
  right: -0.3rem;
}

.tourisms .elements .elemt .emt {
  width: calc((300 / 1600) * 100%);
  margin-left: calc((19 / 1600) * 100%);
  background-color: #fff;
  padding: 0.3rem;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  text-align: center;
}

.tourisms .elements .elemt .emt .eic {
  width: calc((234 / 300) * 100%);
  display: block;
  margin: 0 auto 0.1rem;
}

.tourisms .elements .elemt .emt .eic .img {
  width: 100%;
  padding-top: 85.47%;
}

.tourisms .elements .elemt .emt .tie {
  width: 100%;
  text-align: center;
  color: #333;
  line-height: 1.5;
  margin: 0.1rem 0;
}

.tourisms .elements .elemt .emt .tinp {
  width: 100%;
  color: #666;
  line-height: 2;
  height: 8em;
}

.tourisms .exclusives {
  width: 100%;
}

.tourisms .exclusives .excluper {
  width: 100%;
}

.tourisms .exclusives .excluper .swiper-container {
  height: auto;
  width: 100%;
}

.tourisms .exclusives .excluper .swiper-wrapper {
  height: auto;
  width: 100%;
}

.tourisms .exclusives .excluper .swiper-slide {
  width: 100%;
  height: auto;
  padding-bottom: 1rem;
  font-size: 0;
}

.tourisms .exclusives .excluper .swiper-slide .imgs {
  width: 100%;
  position: relative;
}

.tourisms .exclusives .excluper .swiper-slide .imgs .vmg {
  width: 100%;
  overflow: hidden;
}

.tourisms .exclusives .excluper .swiper-slide .imgs .vmg .img {
  width: 100%;
  padding-top: 66.6%;
  transition: all ease 0.3s;
}

.tourisms .exclusives .excluper .swiper-slide .imgs .exom {
  width: 90%;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
  background-color: #ffffff;
  box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);
  padding: 0.2rem 0.2rem 0.3rem;
}

.tourisms .exclusives .excluper .swiper-slide .imgs .exom .eir {
  width: 100%;
  text-align: center;
  color: #333;
  line-height: 1.6;
}

.tourisms .exclusives .excluper .swiper-slide .imgs .exom .vim {
  width: 100%;
  color: #666;
  line-height: 1.8;
  text-align: center;
}

.tourisms .exclusives .excluper .swiper-slide:hover .imgs .vmg .img {
  transform: scale(1.1);
}

.tourisms .exclusives .excluper .swiper-slide:hover .exom {
  background-color: #26bdce;
}

.tourisms .exclusives .excluper .swiper-slide:hover .exom .eir, .tourisms .exclusives .excluper .swiper-slide:hover .exom .vim {
  color: #fff;
}

.tourisms .exclusives .excluper .swiper-slide:nth-child(2n+1) {
  transition-delay: 0.2s;
}

.tourisms .exclusives .excluper .swiper-slide:nth-child(2n+2) {
  transition-delay: 0.4s;
}

.tourisms .profits {
  width: 100%;
  background-color: #26bdce;
  border-radius: 2rem 0px 2rem 0px;
}

.tourisms .profits .profiter {
  width: 100%;
}

.tourisms .profits .profiter .swiper-container {
  height: auto;
  width: 100%;
}

.tourisms .profits .profiter .swiper-wrapper {
  height: auto;
  width: 100%;
}

.tourisms .profits .profiter .swiper-slide {
  width: 100%;
  padding: 1.2rem 0.4rem;
  background-color: #fff;
}

.tourisms .profits .profiter .swiper-slide .ciop {
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  margin: 0 auto 0.55rem;
}

.tourisms .profits .profiter .swiper-slide .ciop img {
  width: 100%;
  display: block;
}

.tourisms .profits .profiter .swiper-slide .pit {
  width: 100%;
  text-align: center;
  color: #333;
  line-height: 1.8;
  margin-bottom: 0.15rem;
}

.tourisms .profits .profiter .swiper-slide .imp {
  width: 100%;
  color: #666;
  line-height: 1.8;
  height: 3.6em;
  text-align: center;
}

.tourisms .profits .profiter .swiper-slide:nth-child(4n+1) {
  transition-delay: 0.2s;
}

.tourisms .profits .profiter .swiper-slide:nth-child(4n+2) {
  transition-delay: 0.3s;
}

.tourisms .profits .profiter .swiper-slide:nth-child(4n+3) {
  transition-delay: 0.4s;
}

.tourisms .profits .profiter .swiper-slide:nth-child(4n+4) {
  transition-delay: 0.5s;
}

.tourisms .services {
  width: 100%;
}

.tourisms .services .casem {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.tourisms .services .casem .cal {
  display: inline-block;
  vertical-align: middle;
  width: calc((1260 / 1600) * 100%);
  margin-right: calc((19 / 1600) * 100%);
  font-size: 0;
  background-color: #fff;
}

.tourisms .services .casem .cal .imgs {
  display: inline-block;
  vertical-align: middle;
  width: calc((800 / 1260) * 100%);
  overflow: hidden;
}

.tourisms .services .casem .cal .imgs a {
  width: 100%;
  display: block;
  overflow: hidden;
}

.tourisms .services .casem .cal .imgs .img {
  width: 100%;
  padding-top: 75%;
  transition: all ease 0.3s;
}

.tourisms .services .casem .cal .imgs a:hover .img {
  transform: scale(1.1);
}

.tourisms .services .casem .cal .com {
  display: inline-block;
  vertical-align: middle;
  width: calc((459 / 1260) * 100%);
  padding: 0.3rem 0.4rem;
}

.tourisms .services .casem .cal .com .cit {
  width: 100%;
  color: #333;
  line-height: 1.5;
  margin-bottom: 0.15rem;
}

.tourisms .services .casem .cal .com .cinp {
  width: 100%;
  color: #999;
  line-height: 2;
  margin: 0.15rem 0 0.5rem;
}

.tourisms .services .casem .cal .com .cinp p {
  color: #999;
  line-height: 2;
}

.tourisms .services .casem .cal .com .more {
  width: 100%;
  font-size: 0;
  margin-top: 0.6rem;
}

.tourisms .services .casem .cal .com .more a {
  display: inline-block;
  vertical-align: middle;
  border: solid 1px #26bdce;
  line-height: 3;
  border-radius: 1.5em;
  color: #26bdce;
  padding: 0 0.4rem;
}

.tourisms .services .casem .cal .com .more a span {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 0.24rem;
  height: 0.24rem;
  margin-left: 0.1rem;
}

.tourisms .services .casem .cal .com .more a span img {
  width: 100%;
  display: block;
}

.tourisms .services .casem .cal .com .more a span img:first-child {
  display: block;
}

.tourisms .services .casem .cal .com .more a span img:last-child {
  display: none;
}

.tourisms .services .casem .cal .com .more a:hover {
  background-color: #26bdce;
  color: #fff;
}

.tourisms .services .casem .cal .com .more a:hover span img:first-child {
  display: none;
}

.tourisms .services .casem .cal .com .more a:hover span img:last-child {
  display: block;
}

.tourisms .services .casem .car {
  display: inline-block;
  vertical-align: middle;
  width: calc((320 / 1600) * 100%);
}

.tourisms .services .casem .car .carm {
  width: 100%;
  display: block;
  margin-bottom: 0.2rem;
}

.tourisms .services .casem .car .carm a {
  width: 100%;
  display: block;
}

.tourisms .services .casem .car .carm .imgs {
  display: block;
  width: 100%;
  overflow: hidden;
}

.tourisms .services .casem .car .carm .imgs a {
  width: 100%;
  display: block;
  overflow: hidden;
}

.tourisms .services .casem .car .carm .imgs .img {
  width: 100%;
  padding-top: 75%;
  transition: all ease 0.3s;
}

.tourisms .services .casem .car .carm:hover .imgs .img {
  transform: scale(1.1);
}

.tourisms .services .casem .car .more {
  width: 100%;
  font-size: 0;
}

.tourisms .services .casem .car .more a {
  width: 100%;
  display: block;
  background-color: #fff;
  background-color: #26bdce;
  text-align: center;
  font-size: 0;
}

.tourisms .services .casem .car .more a span {
  display: inline-block;
  vertical-align: middle;
  color: #26bdce;
  color: #fff;
  line-height: 5;
}

.tourisms .services .casem .car .more a i {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 0.24rem;
  height: 0.24rem;
  margin-left: 0.1rem;
}

.tourisms .services .casem .car .more a i img {
  width: 100%;
  display: block;
}

.tourisms .services .casem .car .more a i img:first-child {
  display: block;
}

.tourisms .services .casem .car .more a i img:last-child {
  display: none;
}

.tourisms .services .casem .car .more a i img:first-child {
  display: none;
}

.tourisms .services .casem .car .more a i img:last-child {
  display: block;
}

.tourisms .services .casem .car .more a:hover {
  background-color: #26bdce;
  background-color: #fff;
  box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.1);
}

.tourisms .services .casem .car .more a:hover span {
  color: #fff;
  color: #26bdce;
}

.tourisms .services .casem .car .more a:hover i img:first-child {
  display: none;
}

.tourisms .services .casem .car .more a:hover i img:last-child {
  display: block;
}

.tourisms .services .casem .car .more a:hover i img:first-child {
  display: block;
}

.tourisms .services .casem .car .more a:hover i img:last-child {
  display: none;
}

.tourisms .territory {
  width: 100%;
}

.tourisms .territory .territm {
  width: 100%;
}

.tourisms .territory .territm .tetop {
  width: 100%;
  font-size: 0;
  margin-bottom: 0.1rem;
}

.tourisms .territory .territm .tetop .tel {
  display: inline-block;
  vertical-align: middle;
  width: calc((792 / 1600) * 100%);
  position: relative;
  overflow: hidden;
}

.tourisms .territory .territm .tetop .tel .img {
  width: 100%;
  padding-top: 37.5%;
  transition: all ease 0.3s;
}

.tourisms .territory .territm .tetop .tel .mts {
  position: absolute;
  z-index: 2;
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0.2rem;
  text-align: center;
  color: #fff;
  line-height: 1.5;
}

.tourisms .territory .territm .tetop .ter {
  display: inline-block;
  vertical-align: middle;
  width: calc((807 / 1600) * 100%);
  font-size: 0;
}

.tourisms .territory .territm .tetop .ter .term {
  display: inline-block;
  vertical-align: middle;
  width: calc((396 / 807) * 100%);
  overflow: hidden;
  position: relative;
  margin-left: calc((7 / 807) * 100%);
}

.tourisms .territory .territm .tetop .ter .term .img {
  width: 100%;
  padding-top: 75%;
  transition: all ease 0.3s;
}

.tourisms .territory .territm .tetop .ter .term .mts {
  position: absolute;
  z-index: 2;
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0.2rem;
  text-align: center;
  line-height: 1.5;
  color: #fff;
}

.tourisms .territory .territm .tebot {
  width: 100%;
  font-size: 0;
}

.tourisms .territory .territm .tebot .term {
  display: inline-block;
  vertical-align: middle;
  width: calc((528 / 1600) * 100%);
  overflow: hidden;
  position: relative;
  margin-right: calc((7 / 1600) * 100%);
}

.tourisms .territory .territm .tebot .term .img {
  width: 100%;
  padding-top: 56.25%;
  transition: all ease 0.3s;
}

.tourisms .territory .territm .tebot .term .mts {
  position: absolute;
  z-index: 2;
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0.2rem;
  text-align: center;
  line-height: 1.5;
  color: #fff;
}

.tourisms .territory .territm .tebot .term:nth-child(3n) {
  margin-right: 0;
}

@media (max-width: 900px) {
  .tourisms .elements .elemt {
    font-size: 0;
  }
  .tourisms .elements .elemt .eml .partper .parm {
    width: 48%;
    margin-right: 4%;
  }
  .tourisms .elements .elemt .eml .partper .parm:nth-child(3n) {
    margin-right: 4%;
  }
  .tourisms .elements .elemt .eml .partper .parm:nth-child(2n) {
    margin-right: 0;
  }
  .tourisms .elements .elemt .emt {
    width: 48%;
    margin-left: 0;
  }
  .tourisms .elements .elemt .emt + .emt {
    margin-left: 4%;
  }
}

.joins {
  width: 100%;
  padding: 0.8rem 0 0.3rem;
}

.joins .joinlist {
  width: 100%;
  position: relative;
}

.joins .joinlist:after {
  content: ' ';
  width: 0;
  position: absolute;
  z-index: 1;
  left: 0.4rem;
  top: 0;
  bottom: 0;
  height: 100%;
  border-left: dashed 1px #eee;
}

.joins .joinlist .joims {
  width: 100%;
  font-size: 0;
  margin-bottom: 0.6rem;
  position: relative;
  z-index: 2;
}

.joins .joinlist .joims .jol {
  display: inline-block;
  vertical-align: middle;
  width: calc((260 / 1600) * 100%);
  margin-right: calc((39 / 1600) * 100%);
}

.joins .joinlist .joims .jol .ic {
  display: inline-block;
  vertical-align: middle;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  margin-right: 0.3rem;
  background-color: #26bdce;
}

.joins .joinlist .joims .jol .ic img {
  width: 100%;
  display: block;
}

.joins .joinlist .joims .jol .xm {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 1.1rem);
  color: #333;
  font-weight: bold;
  line-height: 1.5;
}

.joins .joinlist .joims .jor {
  display: inline-block;
  vertical-align: middle;
  width: calc((1300 / 1600) * 100%);
}

.joins .joinlist .joims .jor .jorpers {
  width: 100%;
}

.joins .joinlist .joims .jor .jorpers .swiper-container {
  height: auto;
  width: 100%;
}

.joins .joinlist .joims .jor .jorpers .swiper-wrapper {
  height: auto;
  width: 100%;
}

.joins .joinlist .joims .jor .jorpers .swiper-slide {
  width: 100%;
  padding: 0.5rem 0.2rem;
  background-color: #f7fafc;
  border: solid 1px #eeeeee;
}

.joins .joinlist .joims .jor .jorpers .swiper-slide .ciop {
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  margin: 0 auto 0.25rem;
}

.joins .joinlist .joims .jor .jorpers .swiper-slide .ciop img {
  width: 100%;
  display: block;
}

.joins .joinlist .joims .jor .jorpers .swiper-slide .pit {
  width: 100%;
  text-align: center;
  color: #333;
  line-height: 1.8;
  font-weight: bold;
  margin-bottom: 0.15rem;
}

.joins .joinlist .joims .jor .jorpers .swiper-slide .imp {
  width: 100%;
  color: #666;
  line-height: 1.8;
  height: 5.4em;
  text-align: center;
}

.joins .joinlist .joims .jor .jorpers .swiper-slide:nth-child(6n+1) {
  transition-delay: 0.2s;
}

.joins .joinlist .joims .jor .jorpers .swiper-slide:nth-child(6n+2) {
  transition-delay: 0.3s;
}

.joins .joinlist .joims .jor .jorpers .swiper-slide:nth-child(6n+3) {
  transition-delay: 0.4s;
}

.joins .joinlist .joims .jor .jorpers .swiper-slide:nth-child(6n+4) {
  transition-delay: 0.5s;
}

.joins .joinlist .joims .jor .jorpers .swiper-slide:nth-child(6n+5) {
  transition-delay: 0.6s;
}

.joins .joinlist .joims .jor .jorpers .swiper-slide:nth-child(6n+6) {
  transition-delay: 0.7s;
}

@media (max-width: 900px) {
  .joins .joinlist:after {
    display: none;
  }
  .joins .joinlist .joims .jol {
    width: 100%;
    margin-bottom: 0.3rem;
  }
  .joins .joinlist .joims .jor {
    width: 100%;
  }
}

.contacts {
  width: 100%;
  padding: 0.8rem 0;
}

.contacts .contact {
  width: 100%;
  font-size: 0;
  background-color: #f7fafc;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  margin-bottom: 0.8rem;
}

.contacts .contact .col {
  width: calc((400 / 1600) * 100%);
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  text-align: center;
  padding: 0.2rem;
}

.contacts .contact .col .colem {
  width: 100%;
  display: block;
  padding: 0.5rem 0;
}

.contacts .contact .col .colem .icon {
  width: 0.5rem;
  height: 0.5rem;
  display: block;
  margin: 0 auto 0.1rem;
}

.contacts .contact .col .colem .icon img {
  width: 100%;
  display: block;
}

.contacts .contact .col .colem .num {
  width: 100%;
  text-align: center;
  font-weight: bold;
  color: #333;
  line-height: 1.5;
}

.contacts .contact .cor {
  width: calc((1199 / 1600) * 100%);
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

.contacts .contact .cor .maps {
  width: 100%;
}

.contacts .contact .cor .maps .comap {
  width: 100%;
  display: none;
}

.contacts .contact .cor .maps .comap .img {
  width: 100%;
  padding-top: 50%;
}

.contacts .contact .cor .maps .comap.on {
  display: block;
}

.contacts .contact .cor .cornav {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  width: 100%;
}

.contacts .contact .cor .cornav .swiper-slide {
  width: 100%;
  padding: 0.2rem;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.35);
}

.contacts .contact .cor .cornav .swiper-slide .six, .contacts .contact .cor .cornav .swiper-slide .sim {
  width: 100%;
  color: #fff;
  line-height: 1.8;
}

.contacts .contact .cor .cornav .swiper-slide.on {
  background-color: #26bdce;
}

.contacts .message {
  width: 100%;
  background-color: #f7fafc;
  border-bottom: solid 3px #26bdce;
  padding: 0.8rem 0.7rem;
}

.contacts .message .mit {
  width: 100%;
  color: #333;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 0.3rem;
}

.contacts .message .form {
  width: 100%;
}

.contacts .message .form form {
  width: 100%;
  display: block;
}

.contacts .message .form .row {
  width: 100%;
  /*font-size: 0;*/
  margin-bottom: 0.2rem;
}

.contacts .message .form .row .select {
  width: 32%;
  font-size: 0;
  display: inline-block;
  vertical-align: middle;
  border: none;
}

.contacts .message .form .row .select .select-con {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  font-size: 0;
}

.contacts .message .form .row .select .select-con .select-value {
  display: block;
  width: 100%;
  background-color: #fff;
  line-height: 3.5;
  height: 3.5em;
  color: #666;
  padding: 0 0.2rem;
  background-color: #ffffff;
  border: solid 1px #eeeeee;
}

.contacts .message .form .row .select .select-con select {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
  opacity: 0;
}

.contacts .message .form .row .select .select-con select option {
  color: #666;
  font-size: calc(12px - 0.12rem + 0.14rem);
  line-height: 2.8;
  background: #fff;
}

.contacts .message .form .row .select .select-con:after {
  display: inline-block;
  content: "";
  position: absolute;
  right: 0.2rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  width: 11px;
  height: 6px;
  background-image: url("../images/x.png");
  background-size: 100%;
}

.contacts .message .form .row .ints {
  display: inline-block;
  vertical-align: middle;
  width: 32%;
  margin-left: 2%;
}

.contacts .message .form .row .ints input {
  width: 100%;
  display: block;
  background-color: #fff;
  border: solid 1px #eee;
  line-height: 3.5;
  height: 3.5em;
  color: #333;
  padding: 0 0.2rem;
}

.contacts .message .form .row .ints.w100 {
  width: 100%;
  margin-left: 0;
}

.contacts .message .form .row .sub {
  display: inline-block;
  vertical-align: middle;
  width: auto;
}

.contacts .message .form .row .sub input {
  display: inline-block;
  vertical-align: middle;
  padding: 0 1rem;
  color: #fff;
  line-height: 3.5em;
  border-radius: 1.75em;
  height: 3.5em;
  background-color: #26bdce;
  cursor: pointer;
  border: none;
}

@media (max-width: 900px) {
  .contacts .contact .cor .cornav {
    position: relative;
  }
  .contacts .contact .cor .cornav .swiper-container {
    height: auto;
    width: 100%;
  }
  .contacts .contact .cor .cornav .swiper-wrapper {
    height: auto;
    width: 100%;
  }
}

.recruits {
  width: 100%;
  padding: 0.8rem 0;
  background-color: #fff;
}

.recruits .recruit {
  width: 100%;
}

.recruits .recruit .tops {
  width: 100%;
  font-size: 0;
  line-height: 3;
  background: #fff;
  margin-bottom: 0.1rem;
}

.recruits .recruit .tops div {
  width: 16.66%;
  display: inline-block;
  vertical-align: middle;
  color: #999;
  line-height: 3;
  padding: 0.1rem 0;
  text-align: center;
}

.recruits .recruit .tops .name {
  padding-left: 0.3rem;
  text-align: left;
}

.recruits .recruit .tops .coop {
  padding-right: 0.3rem;
}

.recruits .recruit .con-item {
  width: 100%;
  height: auto;
  overflow: hidden;
  background: #f7fafc;
  margin-bottom: 0.2rem;
}

.recruits .recruit .con-item .title {
  width: 100%;
  line-height: 3;
  position: relative;
  font-size: 0;
  cursor: pointer;
  background-color: #f7fafc;
}

.recruits .recruit .con-item .title div {
  width: 16.66%;
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 3;
  padding: 0.1rem 0;
  text-align: center;
}

.recruits .recruit .con-item .title .name {
  padding-left: 0.3rem;
  text-align: left;
}

.recruits .recruit .con-item .title .coop {
  padding-right: 0.3rem;
}

.recruits .recruit .con-item .title .coop {
  padding-right: 0.3rem;
  position: relative;
  text-align: center;
}

.recruits .recruit .con-item .title .coop span {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  transition: all ease 0.3s;
}

.recruits .recruit .con-item .title .coop .op {
  display: inline-block;
  color: #26bdce;
}

.recruits .recruit .con-item .title .coop .cl {
  display: none;
  color: #fff;
}

.recruits .recruit .con-item .contents {
  display: none;
  width: 100%;
  padding: 0.4rem 0.4rem;
  height: auto;
  background: #f7fafc;
}

.recruits .recruit .con-item .contents .conc {
  width: 100%;
  font-size: 0;
  margin-bottom: 0.2rem;
}

.recruits .recruit .con-item .contents .conc span {
  display: inline-block;
  vertical-align: top;
  color: #626262;
  line-height: 1.5;
  margin-right: 0.4rem;
  margin-bottom: 0.15rem;
}

.recruits .recruit .con-item .contents .column {
  width: 100%;
  height: auto;
  font-size: 0;
}

.recruits .recruit .con-item .contents .column .column-item {
  width: 48%;
  display: inline-block;
  vertical-align: top;
  height: auto;
  margin-bottom: 0.15rem;
  margin-right: 4%;
}

.recruits .recruit .con-item .contents .column .column-item .column-name {
  width: 100%;
  text-align: left;
  font-weight: bold;
  display: block;
  line-height: 1.5;
  margin-bottom: 0.12rem;
  color: #26bdce;
}

.recruits .recruit .con-item .contents .column .column-item .column-list {
  width: 100%;
  padding: 0rem 0 0.15rem;
  color: #666;
  line-height: 2;
}

.recruits .recruit .con-item .contents .column .column-item .column-list p {
  color: #666;
  line-height: 2;
}

.recruits .recruit .con-item .contents .column .column-item:nth-child(2n) {
  margin-right: 0;
}

.recruits .recruit .con-item .contents .column .column-item.w100 {
  width: 100%;
  margin-right: 0;
}

.recruits .recruit .con-item.show .title {
  background-color: #26bdce;
}

.recruits .recruit .con-item.show .title div {
  color: #fff;
}

.recruits .recruit .con-item.show .title .coop .op {
  display: none;
  color: #26bdce;
}

.recruits .recruit .con-item.show .title .coop .cl {
  display: inline-block;
  color: #fff;
}

@media (max-width: 768px) {
  .recruits .recruit .tops div:nth-child(2) {
    display: none;
  }
  .recruits .recruit .tops div:nth-child(3) {
    display: none;
  }
  .recruits .recruit .tops div {
    width: 25%;
  }
  .recruits .recruit .con-item .title div:nth-child(2) {
    display: none;
  }
  .recruits .recruit .con-item .title div:nth-child(3) {
    display: none;
  }
  .recruits .recruit .con-item .title div {
    width: 25%;
  }
}

.pages {
  width: 100%;
  padding: 0.3rem 0;
  font-size: 0;
  text-align: center;
}

.pages .page {
  display: inline-block;
  vertical-align: middle;
  width: 0.5rem;
  height: 0.5rem;
  line-height: 0.5rem;
  text-align: center;
  color: #333;
  border-radius: 50%;
  background-color: transparent;
  margin: 0 0.1rem;
  transition: all ease 0.3s;
}

.pages .page.ltn {
  background-image: url("../images/b7.png");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-color: transparent;
}

.pages .page.rtn {
  background-image: url("../images/b8.png");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-color: transparent;
}

.pages .page.on {
  background-color: #26bdce;
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  color: #fff;
}

.pages .page.on.ltn {
  background-image: url("../images/b9.png");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-color: transparent !important;
  opacity: 1;
}

.pages .page.on.rtn {
  background-image: url("../images/b10.png");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-color: transparent !important;
  opacity: 1;
}

@media (max-width: 900px) {
  .pages .page {
    width: 0.7rem;
    height: 0.7rem;
    line-height: 0.7rem;
  }
}

.caseotm {
  width: 100%;
  padding: 0.8rem 0;
}

.caseotm .caselist {
  width: 100%;
  font-size: 0;
}

.caseotm .caselist .cavem {
  display: inline-block;
  vertical-align: top;
  width: calc((500 / 1600) * 100%);
  margin-right: calc((49 / 1600) * 100%);
  margin-bottom: 0.5rem;
}

.caseotm .caselist .cavem .imgs {
  width: 100%;
  overflow: hidden;
}

.caseotm .caselist .cavem .imgs .img {
  width: 100%;
  padding-top: 75%;
  transition: all ease 0.3s;
}

.caseotm .caselist .cavem .pom {
  width: 100%;
  padding: 0.3rem;
  background-color: #f7fafc;
}

.caseotm .caselist .cavem .pom .pt {
  width: 100%;
  color: #333;
  line-height: 1.5;
}

.caseotm .caselist .cavem .pom .pip {
  width: 100%;
  color: #999;
  line-height: 1.5;
  height: 3em;
  margin: 0.1rem 0 0.15rem;
}

.caseotm .caselist .cavem .pom .more {
  width: 100%;
  font-size: 0;
}

.caseotm .caselist .cavem .pom .more span {
  display: inline-block;
  vertical-align: middle;
  color: #26bdce;
  line-height: 1.5;
}

.caseotm .caselist .cavem .pom .more i {
  display: inline-block;
  vertical-align: middle;
  width: 0.24rem;
  height: 0.24rem;
  margin-left: 0.1rem;
  position: relative;
}

.caseotm .caselist .cavem .pom .more i img {
  width: 100%;
  display: block;
}

.caseotm .caselist .cavem .pom .more i img:first-child {
  display: block;
}

.caseotm .caselist .cavem .pom .more i img:last-child {
  display: none;
}

.caseotm .caselist .cavem:hover .imgs .img {
  transform: scale(1.1);
}

.caseotm .caselist .cavem:hover .pom {
  background-color: #26bdce;
}

.caseotm .caselist .cavem:hover .pom .pt {
  color: #fff;
}

.caseotm .caselist .cavem:hover .pom .pip {
  color: #fff;
}

.caseotm .caselist .cavem:hover .pom .more span {
  color: #fff;
}

.caseotm .caselist .cavem:hover .pom .more i img:first-child {
  display: none;
}

.caseotm .caselist .cavem:hover .pom .more i img:last-child {
  display: block;
}

.caseotm .caselist .cavem:nth-child(3n) {
  margin-right: 0;
}

.caseotm .caselist .cavem:nth-child(3n+1) {
  transition-delay: 0.2s;
}

.caseotm .caselist .cavem:nth-child(3n+2) {
  transition-delay: 0.3s;
}

.caseotm .caselist .cavem:nth-child(3n+3) {
  transition-delay: 0.4s;
}

.contonts {
  width: 100%;
  padding: 0.8rem 0;
}

.contonts .cont {
  width: 100%;
  font-size: 0;
  margin-bottom: 0.6rem;
}

.contonts .cont .col {
  display: inline-block;
  vertical-align: middle;
  width: calc((800 / 1600) * 100%);
}

.contonts .cont .col .img {
  width: 100%;
  padding-top: 56.25%;
}

.contonts .cont .cor {
  display: inline-block;
  vertical-align: middle;
  margin-left: calc((99 / 1600) * 100%);
  width: calc((700 / 1600) * 100%);
}

.contonts .cont .cor .cir {
  width: 100%;
  color: #222;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 0.4rem;
}

.contonts .cont .cor .cow {
  width: 100%;
  font-size: 0;
  border-top: solid 1px #eee;
}

.contonts .cont .cor .cow .cdm {
  display: inline-block;
  vertical-align: middle;
  width: 50%;
  padding: 0.3rem 0;
}

.contonts .cont .cor .cow .cdm .cd {
  width: 100%;
  color: #666;
  line-height: 1.8;
}

.contonts .cont .cor .cow .cdm .cm {
  width: 100%;
  color: #333;
  line-height: 1.8;
}

.contonts .cont .cor .cow:last-child {
  border-bottom: solid 1px #eee;
}

.contonts .introduce {
  width: 100%;
}

.contonts .introduce .tin {
  width: 100%;
  color: #222;
  line-height: 1.5;
  margin-bottom: 0.25rem;
  padding-left: 0.25rem;
  position: relative;
}

.contonts .introduce .tin:after {
  content: ' ';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 3px;
  height: 0.34rem;
  background-color: #26bdce;
}

.contonts .introduce .tinp {
  width: 100%;
  color: #666;
  line-height: 2;
}

.contonts .introduce .tinp p {
  color: #666;
  line-height: 2;
}

.contonts .introduce .tinp img {
  max-width: 99%;height: auto !important;  
}

.drivings {
  width: 100%;
  padding: 0.8rem 0;
}

.drivings .drivlist {
  width: 100%;
  font-size: 0;
}

.drivings .drivlist .driem {
  display: inline-block;
  vertical-align: top;
  width: calc((480 / 1600) * 100%);
  margin-right: calc((79 / 1600) * 100%);
  background-color: #ffffff;
  box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);
}

.drivings .drivlist .driem a {
  width: 100%;
  display: block;
}

.drivings .drivlist .driem .imgs {
  width: 100%;
  overflow: hidden;
}

.drivings .drivlist .driem .imgs .img {
  width: 100%;
  padding-top: 63.78%;
  transition: all ease 0.3s;
}

.drivings .drivlist .driem .tom {
  width: 100%;
  position: relative;
}

.drivings .drivlist .driem .tom .img {
  width: 100%;
  padding-top: 60.78%;
}

.drivings .drivlist .driem .tom .pmx {
  position: absolute;
  padding: 0.2rem;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  justify-content: center;
  align-content: center;
  transition: all ease 0.3s;
}

.drivings .drivlist .driem .tom .pmx .num {
  width: 100%;
  text-align: center;
  color: #999;
  font-weight: bold;
  line-height: 1.5;
}

.drivings .drivlist .driem .tom .pmx .tim {
  width: 100%;
  color: #222;
  line-height: 1.5;
  margin: 0.1rem 0;
}

.drivings .drivlist .driem .tom .pmx .pinps {
  width: 100%;
  color: #999;
  font-style: italic;
  line-height: 1.6;
}

.drivings .drivlist .driem:hover .imgs .img {
  transform: scale(1.1);
}

.drivings .drivlist .driem:hover .tom .pmx {
  height: 120%;
  bottom: 0;
  background-color: #26bdce;
}

.drivings .drivlist .driem:hover .tom .pmx .num, .drivings .drivlist .driem:hover .tom .pmx .tim, .drivings .drivlist .driem:hover .tom .pmx .pinps {
  color: #fff;
}

.drivings .drivlist .driem:nth-child(3n) {
  margin-right: 0;
}

.drivings .drivlist .driem:nth-child(3n+1) {
  transition-delay: 0.2s;
}

.drivings .drivlist .driem:nth-child(3n+2) {
  transition-delay: 0.3s;
}

.drivings .drivlist .driem:nth-child(3n+3) {
  transition-delay: 0.4s;
}

@media (max-width: 900px) {
  .drivings .drivlist .driem .tom .img {
    padding-top: 47.65%;
  }
}

.transing {
  width: 100%;
}

.transing .products {
  width: 100%;
  padding-bottom: 2.2rem;
}

.transing .products .product {
  width: 100%;
  background-color: #FFF;
  border-top: solid 4px #26bdce;
  padding: 0.4rem;
}

.transing .products .product .ptem {
  width: 100%;
  font-size: 0;
  margin-bottom: 0.6rem;
}

.transing .products .product .ptem .prodm {
  width: 48%;
  display: inline-block;
  vertical-align: top;
  margin-right: 4%;
}

.transing .products .product .ptem .prodm .pit {
  width: 100%;
  text-align: center;
  line-height: 1.5;
  color: #222;
  font-weight: bold;
}

.transing .products .product .ptem .prodm .pix {
  width: 100%;
  text-align: center;
  color: #666;
  line-height: 1.5;
  margin: 0.2rem 0;
}

.transing .products .product .ptem .prodm .videos {
  width: 100%;
  font-size: 0;
  text-align: center;
}

.transing .products .product .ptem .prodm .videos .vtn {
  display: inline-block;
  vertical-align: middle;
  padding: 0 0.5rem;
  border: solid 1px #26bdce;
  line-height: 3;
  border-radius: 1.5em;
  color: #26bdce;
  cursor: pointer;
}

.transing .products .product .ptem .prodm .videos .vtn span {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -0.02rem;
  width: 0.2rem;
  height: 0.2rem;
  margin-left: 0.15rem;
}

.transing .products .product .ptem .prodm .videos .vtn span img {
  width: 100%;
  display: block;
}

.transing .products .product .ptem .prodm .pmg {
  width: 100%;
}

.transing .products .product .ptem .prodm .pmg .img {
  width: 100%;
  padding-top: 71.42%;
}

.transing .products .product .ptem .prodm:nth-child(2n) {
  margin-right: 0;
}

.transing .curriculums {
  width: 100%;
  background-color: #26bdce;
  border-radius: 2rem 0px 2rem 0px;
  margin-top: -1.7rem;
  position: relative;
  z-index: 4;
}

.transing .curriculums .culums {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.transing .curriculums .culums .cul {
  display: inline-block;
  vertical-align: middle;
  width: calc((400 / 1600) * 100%);
  margin-right: calc((19 / 1600) * 100%);
}

.transing .curriculums .culums .cul .culem {
  width: 100%;
  padding: 0.65rem 0.4rem;
  background-image: url("../images/bg4.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: calc((100% - 0.2rem) / 2);
}

.transing .curriculums .culums .cul .culem .cit {
  width: 100%;
  color: #222;
  line-height: 1.6;
  margin-bottom: 0.1rem;
}

.transing .curriculums .culums .cul .culem .cip {
  width: 100%;
  color: #666;
  line-height: 1.6;
  height: 4.8em;
}

.transing .curriculums .culums .cul .culem.on {
  background-image: url("../images/bg3.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05), inset 0px 0px 100px 0px rgba(20, 20, 20, 0.05);
}

.transing .curriculums .culums .cul .culem.on .cit, .transing .curriculums .culums .cul .culem.on .cip {
  color: #fff;
}

.transing .curriculums .culums .cul .culem + .culem {
  margin-top: 0.2rem;
}

.transing .curriculums .culums .cur {
  display: inline-block;
  vertical-align: middle;
  width: calc((1180 / 1600) * 100%);
}

.transing .curriculums .culums .cur .curem {
  width: 100%;
  background-color: #fff;
  height: 100%;
  padding: 0.5rem 0.5rem 0.3rem;
  display: none;
}

.transing .curriculums .culums .cur .curem .curnavs {
  width: 100%;
  font-size: 0;
  margin-bottom: 0.3rem;
}

.transing .curriculums .culums .cur .curem .curnavs .urm {
  display: inline-block;
  vertical-align: middle;
  color: #26bdce;
  border: solid 1px #26bdce;
  background-color: #fff;
  line-height: 2.5;
  padding: 0 0.5rem;
  border-radius: 1.25em;
  margin-right: 0.12rem;
  cursor: pointer;
  margin-bottom: 0.1rem;
}

.transing .curriculums .culums .cur .curem .curnavs .urm.on {
  color: #fff;
  border: solid 1px #26bdce;
  background-color: #26bdce;
}

.transing .curriculums .culums .cur .curem .curconts {
  width: 100%;
}

.transing .curriculums .culums .cur .curem .curconts .curcont {
  width: 100%;
  display: none;
}

.transing .curriculums .culums .cur .curem .curconts .curcont.on {
  display: block;
}

.transing .curriculums .culums .cur .curem .curconts .partper {
  width: 100%;
  font-size: 0;
}

.transing .curriculums .culums .cur .curem .curconts .partper .parm {
  display: inline-block;
  vertical-align: top;
  width: calc((256 / 1080) * 100%);
  margin-right: calc((18 / 1080) * 100%);
  margin-bottom: 0.2rem;
}

.transing .curriculums .culums .cur .curem .curconts .partper .parm .imgs {
  width: 100%;
  overflow: hidden;
}

.transing .curriculums .culums .cur .curem .curconts .partper .parm .imgs .img {
  width: 100%;
  padding-top: 56.25%;
  transition: all ease 0.3s;
}

.transing .curriculums .culums .cur .curem .curconts .partper .parm .hin {
  width: 100%;
  text-align: center;
  line-height: 1.5;
  font-weight: bold;
  color: #222;
  margin-top: 0.05rem;
}

.transing .curriculums .culums .cur .curem .curconts .partper .parm:hover .imgs .img {
  transform: scale(1.1);
}

.transing .curriculums .culums .cur .curem .curconts .partper .parm:hover .hin {
  color: #26bdce;
}

.transing .curriculums .culums .cur .curem .curconts .partper .parm:nth-child(4n) {
  margin-right: 0;
}

.transing .curriculums .culums .cur .curem.on {
  display: block;
}

.transing .incomes {
  width: 100%;
  background-color: #26bdce;
  border-radius: 2rem 0px 2rem 0px;
  margin-top: -1.7rem;
  position: relative;
  z-index: 4;
}

.transing .incomes .income {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
}

.transing .incomes .income .inl {
  flex: 1;
  width: calc((800 / 1600) * 100%);
}

.transing .incomes .income .inl .tmg {
  width: 100%;
  height: 50%;
}

.transing .incomes .income .inl .tmg .img {
  width: 100%;
  height: 100%;
}

.transing .incomes .income .inl .votms {
  width: 100%;
  font-size: 0;
}

.transing .incomes .income .inl .votms .votm {
  display: inline-block;
  vertical-align: top;
  width: calc((400 / 800) * 100%);
  padding: 0.4rem 0.45rem;
}

.transing .incomes .income .inl .votms .votm .icon {
  width: 100%;
  font-size: 0;
}

.transing .incomes .income .inl .votms .votm .icon span {
  display: inline-block;
  vertical-align: middle;
  width: 0.76rem;
  height: 0.76rem;
}

.transing .incomes .income .inl .votms .votm .icon span img {
  width: 100%;
  display: block;
}

.transing .incomes .income .inl .votms .votm .vit {
  width: 100%;
  color: #333;
  line-height: 1.6;
  margin: 0.15rem 0;
}

.transing .incomes .income .inl .votms .votm .xim {
  width: 100%;
  color: #999;
  line-height: 1.6;
  height: 4.8em;
}

.transing .incomes .income .inl .votms .votm:nth-child(4n+1) {
  background-color: #e9f8fa;
}

.transing .incomes .income .inl .votms .votm:nth-child(4n+2) {
  background-color: #fff;
}

.transing .incomes .income .inl .votms .votm:nth-child(4n+3) {
  background-color: #fff;
}

.transing .incomes .income .inl .votms .votm:nth-child(4n+4) {
  background-color: #e9f8fa;
}

.transing .incomes .income .inr {
  display: inline-block;
  vertical-align: middle;
  width: calc((800 / 1600) * 100%);
}

.transing .incomes .income .inr .votms {
  width: 100%;
  font-size: 0;
}

.transing .incomes .income .inr .votms .votm {
  display: inline-block;
  vertical-align: top;
  width: calc((400 / 800) * 100%);
  padding: 0.4rem 0.45rem;
  background-color: #fff;
}

.transing .incomes .income .inr .votms .votm .icon {
  width: 100%;
  font-size: 0;
}

.transing .incomes .income .inr .votms .votm .icon span {
  display: inline-block;
  vertical-align: middle;
  width: 0.76rem;
  height: 0.76rem;
}

.transing .incomes .income .inr .votms .votm .icon span img {
  width: 100%;
  display: block;
}

.transing .incomes .income .inr .votms .votm .vit {
  width: 100%;
  color: #333;
  line-height: 1.6;
  margin: 0.15rem 0;
}

.transing .incomes .income .inr .votms .votm .xim {
  width: 100%;
  color: #999;
  line-height: 1.6;
  height: 4.8em;
}

.transing .incomes .income .inr .votms .votm:nth-child(4n+1) {
  background-color: #fff;
}

.transing .incomes .income .inr .votms .votm:nth-child(4n+2) {
  background-color: #e9f8fa;
}

.transing .incomes .income .inr .votms .votm:nth-child(4n+3) {
  background-color: #e9f8fa;
}

.transing .incomes .income .inr .votms .votm:nth-child(4n+4) {
  background-color: #fff;
}

.transing .contrasts {
  width: 100%;
  padding-top: 3rem;
  padding-bottom: 3rem;
  margin-top: -1.7rem;
  position: relative;
  z-index: 2;
}

.transing .contrasts .whythat {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.transing .contrasts .whm {
  display: inline-block;
  vertical-align: middle;
  width: calc((800 / 1600) * 100%);
  background-color: #fff;
}

.transing .contrasts .whm .wiot {
  width: 100%;
  text-align: center;
  font-size: 0;
}

.transing .contrasts .whm .wiot .wt {
  display: inline-block;
  vertical-align: middle;
  background-image: linear-gradient(0deg, rgba(3, 0, 0, 0.05) 0%, #ffffff 100%), linear-gradient(#ffffff, #ffffff);
  background-blend-mode: normal, 
 normal;
  box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.1);
  border-radius: 0px 0px 40px 40px;
  line-height: 2.8;
  color: #26bdce;
  font-weight: bold;
  padding: 0 0.5rem;
}

.transing .contrasts .whm .whylis {
  width: 100%;
  font-size: 0;
  padding: 0.5rem 0.2rem;
}

.transing .contrasts .whm .whylis .whyem {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  padding: 0.3rem;
}

.transing .contrasts .whm .whylis .whyem .icon {
  display: block;
  margin: 0 auto 0.1rem;
  width: 0.8rem;
  height: 0.8rem;
}

.transing .contrasts .whm .whylis .whyem .icon img {
  width: 100%;
  display: block;
}

.transing .contrasts .whm .whylis .whyem .ym {
  width: 100%;
  text-align: center;
  color: #333;
  line-height: 1.5;
  margin: 0.1rem 0;
}

.transing .contrasts .whm .whylis .whyem .pm {
  width: 100%;
  text-align: center;
  font-weight: bold;
  color: #333;
  line-height: 1.5;
  margin: 0.1rem 0;
}

.transing .contrasts .whm .whylis .whyem .him {
  width: 100%;
  text-align: center;
  color: #666;
  line-height: 1.8;
  height: 3.6em;
}

.transing .contrasts .whm .whemlis {
  width: 100%;
  font-size: 0;
  margin-top: 0.6rem;
  padding: 0rem 0.6rem;
}

.transing .contrasts .whm .whemlis .wheam {
  display: inline-block;
  vertical-align: top;
  width: 48%;
  margin-right: 4%;
  margin-bottom: 0.25rem;
}

.transing .contrasts .whm .whemlis .wheam .imgs {
  width: 100%;
  overflow: hidden;
}

.transing .contrasts .whm .whemlis .wheam .imgs .img {
  width: 100%;
  padding-top: 56.25%;
}

.transing .contrasts .whm .whemlis .wheam .hin {
  width: 100%;
  text-align: center;
  line-height: 1.5;
  font-weight: bold;
  color: #26bdce;
  margin-top: 0.1rem;
}

.transing .contrasts .whm .whemlis .wheam:nth-child(2n) {
  margin-right: 0;
}

.transing .contrasts .whm.green {
  background-color: #26bdce;
}

.transing .contrasts .whm.green .wiot .wt {
  background-image: linear-gradient(0deg, rgba(3, 0, 0, 0.05) 0%, #26bdce 100%), linear-gradient(#26bdce, #26bdce);
  background-blend-mode: normal, 
 normal;
  box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.1);
  border-radius: 0px 0px 40px 40px;
  color: #fff;
}

.transing .contrasts .whm.green .whylis .whyem .ym, .transing .contrasts .whm.green .whylis .whyem .pm, .transing .contrasts .whm.green .whylis .whyem .him {
  color: #fff;
}

.transing .services {
  width: 100%;
  padding-top: 3rem;
  position: relative;
  z-index: 2;
  margin-top: -1.7rem;
}

.transing .services .casem {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.transing .services .casem .cal {
  display: inline-block;
  vertical-align: middle;
  width: calc((1260 / 1600) * 100%);
  margin-right: calc((19 / 1600) * 100%);
  font-size: 0;
  background-color: #fff;
}

.transing .services .casem .cal .imgs {
  display: inline-block;
  vertical-align: middle;
  width: calc((800 / 1260) * 100%);
  overflow: hidden;
}

.transing .services .casem .cal .imgs a {
  width: 100%;
  display: block;
  overflow: hidden;
}

.transing .services .casem .cal .imgs .img {
  width: 100%;
  padding-top: 75%;
  transition: all ease 0.3s;
}

.transing .services .casem .cal .imgs a:hover .img {
  transform: scale(1.1);
}

.transing .services .casem .cal .com {
  display: inline-block;
  vertical-align: middle;
  width: calc((459 / 1260) * 100%);
  padding: 0.3rem 0.4rem;
}

.transing .services .casem .cal .com .cit {
  width: 100%;
  color: #333;
  line-height: 1.5;
  margin-bottom: 0.15rem;
}

.transing .services .casem .cal .com .cinp {
  width: 100%;
  color: #999;
  line-height: 2;
  margin: 0.15rem 0 0.5rem;
}

.transing .services .casem .cal .com .cinp p {
  color: #999;
  line-height: 2;
}

.transing .services .casem .cal .com .more {
  width: 100%;
  font-size: 0;
  margin-top: 0.6rem;
}

.transing .services .casem .cal .com .more a {
  display: inline-block;
  vertical-align: middle;
  border: solid 1px #26bdce;
  line-height: 3;
  border-radius: 1.5em;
  color: #26bdce;
  padding: 0 0.4rem;
}

.transing .services .casem .cal .com .more a span {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 0.24rem;
  height: 0.24rem;
  margin-left: 0.1rem;
}

.transing .services .casem .cal .com .more a span img {
  width: 100%;
  display: block;
}

.transing .services .casem .cal .com .more a span img:first-child {
  display: block;
}

.transing .services .casem .cal .com .more a span img:last-child {
  display: none;
}

.transing .services .casem .cal .com .more a:hover {
  background-color: #26bdce;
  color: #fff;
}

.transing .services .casem .cal .com .more a:hover span img:first-child {
  display: none;
}

.transing .services .casem .cal .com .more a:hover span img:last-child {
  display: block;
}

.transing .services .casem .car {
  display: inline-block;
  vertical-align: middle;
  width: calc((320 / 1600) * 100%);
}

.transing .services .casem .car .carm {
  width: 100%;
  display: block;
  margin-bottom: 0.2rem;
}

.transing .services .casem .car .carm a {
  width: 100%;
  display: block;
}

.transing .services .casem .car .carm .imgs {
  display: block;
  width: 100%;
  overflow: hidden;
}

.transing .services .casem .car .carm .imgs a {
  width: 100%;
  display: block;
  overflow: hidden;
}

.transing .services .casem .car .carm .imgs .img {
  width: 100%;
  padding-top: 75%;
  transition: all ease 0.3s;
}

.transing .services .casem .car .carm:hover .imgs .img {
  transform: scale(1.1);
}

.transing .services .casem .car .more {
  width: 100%;
  font-size: 0;
}

.transing .services .casem .car .more a {
  width: 100%;
  display: block;
  background-color: #fff;
  background-color: #26bdce;
  text-align: center;
  font-size: 0;
}

.transing .services .casem .car .more a span {
  display: inline-block;
  vertical-align: middle;
  color: #26bdce;
  color: #fff;
  line-height: 5;
}

.transing .services .casem .car .more a i {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 0.24rem;
  height: 0.24rem;
  margin-left: 0.1rem;
}

.transing .services .casem .car .more a i img {
  width: 100%;
  display: block;
}

.transing .services .casem .car .more a i img:first-child {
  display: block;
}

.transing .services .casem .car .more a i img:last-child {
  display: none;
}

.transing .services .casem .car .more a i img:first-child {
  display: none;
}

.transing .services .casem .car .more a i img:last-child {
  display: block;
}

.transing .services .casem .car .more a:hover {
  background-color: #26bdce;
  background-color: #fff;
  box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.1);
}

.transing .services .casem .car .more a:hover span {
  color: #fff;
  color: #26bdce;
}

.transing .services .casem .car .more a:hover i img:first-child {
  display: none;
}

.transing .services .casem .car .more a:hover i img:last-child {
  display: block;
}

.transing .services .casem .car .more a:hover i img:first-child {
  display: block;
}

.transing .services .casem .car .more a:hover i img:last-child {
  display: none;
}

.transing .territory {
  width: 100%;
}

.transing .territory .territm {
  width: 100%;
}

.transing .territory .territm .tetop {
  width: 100%;
  font-size: 0;
  margin-bottom: 0.1rem;
}

.transing .territory .territm .tetop .tel {
  display: inline-block;
  vertical-align: middle;
  width: calc((792 / 1600) * 100%);
  position: relative;
  overflow: hidden;
}

.transing .territory .territm .tetop .tel .img {
  width: 100%;
  padding-top: 37.5%;
  transition: all ease 0.3s;
}

.transing .territory .territm .tetop .tel .mts {
  position: absolute;
  z-index: 2;
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0.2rem;
  text-align: center;
  color: #fff;
  line-height: 1.5;
}

.transing .territory .territm .tetop .ter {
  display: inline-block;
  vertical-align: middle;
  width: calc((807 / 1600) * 100%);
  font-size: 0;
}

.transing .territory .territm .tetop .ter .term {
  display: inline-block;
  vertical-align: middle;
  width: calc((396 / 807) * 100%);
  overflow: hidden;
  position: relative;
  margin-left: calc((7 / 807) * 100%);
}

.transing .territory .territm .tetop .ter .term .img {
  width: 100%;
  padding-top: 75%;
  transition: all ease 0.3s;
}

.transing .territory .territm .tetop .ter .term .mts {
  position: absolute;
  z-index: 2;
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0.2rem;
  text-align: center;
  line-height: 1.5;
  color: #fff;
}

.transing .territory .territm .tebot {
  width: 100%;
  font-size: 0;
}

.transing .territory .territm .tebot .term {
  display: inline-block;
  vertical-align: middle;
  width: calc((528 / 1600) * 100%);
  overflow: hidden;
  position: relative;
  margin-right: calc((7 / 1600) * 100%);
}

.transing .territory .territm .tebot .term .img {
  width: 100%;
  padding-top: 56.25%;
  transition: all ease 0.3s;
}

.transing .territory .territm .tebot .term .mts {
  position: absolute;
  z-index: 2;
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0.2rem;
  text-align: center;
  line-height: 1.5;
  color: #fff;
}

.transing .territory .territm .tebot .term:nth-child(3n) {
  margin-right: 0;
}

.transing .territory .territm .tebot .term:nth-child(3n+1) {
  transition-delay: 0.2s;
}

.transing .territory .territm .tebot .term:nth-child(3n+2) {
  transition-delay: 0.3s;
}

.transing .territory .territm .tebot .term:nth-child(3n+3) {
  transition-delay: 0.4s;
}

@media (max-width: 900px) {
  .transing .incomes .income .inl {
    display: inline-block;
    vertical-align: middle;
    flex: none;
  }
  .transing .incomes .income .inl .tmg {
    height: auto;
  }
  .transing .incomes .income .inl .tmg .img {
    width: 100%;
    padding-top: 37.57%;
    height: auto;
  }
}

.copyrights {
  width: 100%;
  padding: 0.8rem 0;
}

.copyrights .copylist {
  width: 100%;
  font-size: 0;
}

.copyrights .copylist .copym {
  display: inline-block;
  vertical-align: top;
  width: calc((368 / 1600) * 100%);
  margin-right: calc((42 / 1600) * 100%);
  margin-bottom: 0.4rem;
}

.copyrights .copylist .copym .imgs {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.copyrights .copylist .copym .imgs .img {
  width: 100%;
  padding-top: 56.25%;
  transition: all ease 0.3s;
}

.copyrights .copylist .copym .imgs .vtm {
  width: 100%;
  background-color: rgba(38, 189, 206, 0.6);
  padding: 0.05rem 0.1rem;
  text-align: center;
  color: #fff;
  line-height: 2;
  position: absolute;
  bottom: -100%;
  transition: all ease 0.3s;
  left: 0;
  right: 0;
  z-index: 3;
}

.copyrights .copylist .copym:nth-child(4n) {
  margin-right: 0;
}

.copyrights .copylist .copym:nth-child(4n+1) {
  transition-delay: 0.2s;
}

.copyrights .copylist .copym:nth-child(4n+2) {
  transition-delay: 0.3s;
}

.copyrights .copylist .copym:nth-child(4n+3) {
  transition-delay: 0.4s;
}

.copyrights .copylist .copym:nth-child(4n+4) {
  transition-delay: 0.5s;
}

.copyrights .copylist .copym:hover .imgs .img {
  transform: scale(1.1);
}

.copyrights .copylist .copym:hover .imgs .vtm {
  bottom: 0;
}

.recommend {
  width: 100%;
  padding: 0.8rem 0;
  background-color: #f7fafc;
}

.recommend .rits {
  width: 100%;
  text-align: center;
  line-height: 1.5;
  color: #333;
  font-weight: bold;
  margin-bottom: 0.5rem;
}

.recommend .recomper {
  width: 100%;
  position: relative;
}

.recommend .recomper .swiper-container, .recommend .recomper .swiper-wrapper {
  height: auto;
}

.recommend .recomper .swiper-slide {
  width: 100%;
  height: auto;
}

.recommend .recomper .swiper-slide a {
  width: 100%;
  display: block;
}

.recommend .recomper .swiper-slide .imgs {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.recommend .recomper .swiper-slide .imgs .img {
  width: 100%;
  padding-top: 56.25%;
  transition: all ease 0.3s;
}

.recommend .recomper .swiper-slide .imgs .vtm {
  width: 100%;
  background-color: rgba(38, 189, 206, 0.6);
  padding: 0.05rem 0.1rem;
  text-align: center;
  color: #fff;
  line-height: 2;
  position: absolute;
  bottom: -100%;
  transition: all ease 0.3s;
  left: 0;
  right: 0;
  z-index: 3;
}

.recommend .recomper .swiper-slide:hover .imgs .img {
  transform: scale(1.1);
}

.recommend .recomper .swiper-slide:hover .imgs .vtm {
  bottom: 0;
}

.recommend .recomper .btn {
  position: absolute;
  z-index: 2;
  top: 50%;
  transform: translateY(-50%);
  width: 0.5rem;
  height: 0.5rem;
  cursor: pointer;
}

.recommend .recomper .btn img {
  width: 100%;
  display: block;
}

.recommend .recomper .btn img:first-child {
  display: block;
}

.recommend .recomper .btn img:last-child {
  display: none;
}

.recommend .recomper .btn:hover img:first-child {
  display: none;
}

.recommend .recomper .btn:hover img:last-child {
  display: block;
}

.recommend .recomper .bl {
  left: -0.7rem;
}

.recommend .recomper .br {
  right: -0.7rem;
}

@media (max-width: 1620px) {
  .recommend .recomper .bl {
    left: -0rem;
  }
  .recommend .recomper .br {
    right: -0rem;
  }
}
@media (max-width: 900px) {
  .dynamic_container{
    width: 94%;
  }
}

.xk-ait {
  width: 1.6rem;
  position: fixed;
  z-index: 20;
  top: 50%;
  transform: translateY(-50%);
  left: 0.1rem;
}

.xk-ait span {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
}

.xk-ait span img {
  width: 100%;
  display: block;
}

/* @media (max-width: 900px) {
  .xk-ait {
    width: 94%;
  }
} */

.rightnav {
  position: fixed;
  z-index: 20;
  right: 0.1rem;
  top: 60%;
  transform: translateY(-50%);
}

.rightnav .rtem {
  width: 50px;
  height: 50px;
  display: block;
  position: relative;
  margin-bottom: 5px;
  background-color: rgba(0, 0, 0, 0.5);
}

.rightnav .rtem a {
  width: 100%;
  display: block;
}

.rightnav .rtem img {
  width: 100%;
  display: block;
}

.rightnav .rtem .rim {
  position: absolute;
  display: none;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  line-height: 50px;
  color: #fff;
  background-color: #26bdce;
  transition: all ease 0.3s;
  display: none;
  right: 100%;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 0.3rem;
}

.rightnav .rtem .romg {
  position: absolute;
  right: 100%;
  top: 0;
  background-color: #26bdce;
  padding: 0.1rem;
  display: none;
}

.rightnav .rtem .romg .mg {
  width: 100%;
  display: block;
}

.rightnav .rtem .romg .mg img {
  width: 100%;
  display: block;
}

.rightnav .rtem .romg .mn {
  width: 100%;
  text-align: center;
  color: #fff;
  line-height: 2;
  white-space: nowrap;
}

.rightnav .rtem:hover {
  background-color: #26bdce;
}

.rightnav .rtem:hover .rim {
  display: block;
}

.rightnav .rtem:hover .romg {
  display: block;
}

.rtvhn {
  position: fixed;
  z-index: 20;
  right: 0.1rem;
  bottom: 5%;
  width: 50px;
  height: 50px;
  background-color: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  display: none;
}

.rtvhn:hover {
  background-color: #26bdce;
}